/* Basic  ---------------------------------------- */
.valid{color :#9acd32; text-align :left;}
.invalid{color :#c00; text-align :left;}
.clear { clear: both; }
.error{color :#c00; line-height :1.6em;}
body {background: #fff url(../img/body_bg.jpg) repeat-x;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #444;	text-align: center; margin :0;}
#wrapper {text-align: left;width: 822px;	margin: 0 auto; height :auto; overflow :hidden; padding :0; }
#header{width :822px; height :103px; display :block; float :none;  clear :both; position :relative; padding :0; margin :0; overflow :hidden; background :url(../img/header_pic.jpg) 27px 25px no-repeat;}
#header a#logo{ width :186px; height :43px; display :block; float :right; clear :both; text-indent :-9999px; background : url(../img/yourweddingin_logo.gif) no-repeat;}
#header .slogan{font-family :"Times New Roman", Times, serif; font-size :1.6em; color :#958B81; font-weight :normal; position :absolute; left :525px; top :55px; z-index :3; text-decoration :none;}

#menu{ width :512px; height :20px; display :block; float :none; clear :both; list-style :none; padding :0; overflow :hidden; background: transparent; margin :0px; position :absolute;left :293px; top :82px; z-index :2;}
#menu li{height :20px; display: block; float :left; clear :none; width :125px; text-align :center; background :url(../img/menu_item.gif) no-repeat; margin-right :3px; overflow :hidden; border :none;}
#menu li a,#menu li a.activo{height :20px; display :block; float :none; clear :both; text-align :center; color :#ddd; padding :0 0 0 0; line-height :20px; font-weight :bold; text-decoration :none; text-transform :uppercase;}
#menu li a:hover,#menu li a.activo{ color :#fff;}


#footer{width :100%; height :24px; background :url(../img/body_bg.jpg) top left  repeat-x; padding :8px; text-align :center; color :#666; font-size :0.9em}
#footer a{text-decoration :none; color :#666; padding :0px 8px; display :inline; text-transform :uppercase;}


/* BOTONES--------*/

#page{width :822px; height :auto; float :none; clear :both; overflow :hidden; background : #fff url(../img/main_bg.jpg) no-repeat; padding-top :10px; position :relative;}
#columna{width :242px; height :auto; display :block; float :left; clear :none; padding :0px 0px 300px 22px; position :relative; overflow :hidden; background :url(../img/columna_bottom.jpg) 23px bottom no-repeat;}
#columna .box{ width :225px; height :auto; float :left; clear :both; display :block; background :#F1ECE9; border: 1px solid #E2DDDA; padding :2px 12px 2px 2px; text-decoration :none; margin-bottom :5px}

#columna .item{text-align: left; display :block; float :none; clear :both; color :#726456; text-transform :uppercase; font-weight :bold; height :20px; line-height :20px; margin-bottom :4px; margin-top :3px; text-indent :4px;}
#columna .item:hover{background :#E2DDDA; color :#666;}

#buscador label{width:225px; height :24px; text-align: left; display :block; float :none; clear :both; color :#726456; text-transform :uppercase; padding :4px 0 0 0; font-weight :bold; text-indent :5px}
#buscador select{	width :190px; display :block; float :right; clear :both; height :20px; margin-bottom :5px;}
#buscador #searchbutton{width:70px; height :20px; text-align: center; display :block; float :right; clear :both; color :#726456; text-transform :uppercase; padding :2px 0 2px 0; font-weight :bold; border :none; background :url(../img/searchbutton.gif) no-repeat; font-size :1em; }


#main{width :512px; height :auto; display :block; float :left; clear :none; padding :20px 17px 20px 29px; position :relative; overflow :hidden;}
h1{font-family :"Times New Roman", Times, serif; font-size :1.6em; color :#958B81; font-weight :normal; line-height :2em}
h1 a{text-decoration :none; color :inherit;}
h1 a:hover{text-decoration :underline; color :#666;}
h3{font-family :"Times New Roman", Times, serif; font-size :1.2em; color :#958B81; font-weight :normal; line-height :1.6em}

.miniblock{ border :0px solid #BAAA9E; width :110px; height :100px; margin-right :7px; float :left; clear :none; overflow :hidden; padding :7px 0 0 50px; margin-bottom :10px;background-repeat :no-repeat; display :block;}
.miniblock h2{font-size :1.1em; text-transform :uppercase; margin-bottom :4px}
.miniblock p,.miniblock a{font-size :0.9em; color :#444; clear :both; line-height :1.2em}


.block1{background :#D8CFC8 url(../blocks/block1.gif) -1px 0 no-repeat;}
.block2{background :#D8CFC8 url(../blocks/block2.gif) -1px 0 no-repeat;}
.block3{background :#D8CFC8 url(../blocks/block3.gif) -1px 0 no-repeat;}
.block4{background :#D8CFC8 url(../blocks/block4.gif) -1px 0 no-repeat;}
.block5{background :#D8CFC8 url(../blocks/block5.gif) -1px 0 no-repeat;}
.block6{background :#D8CFC8 url(../blocks/block6.gif) -1px 0 no-repeat;}


.blocks{ width :185px; height :103px; margin-right :9px; float :left; clear :none; overflow :hidden; padding :5px 0 5px 60px; margin-bottom :10px; }
.blocks h2{margin-bottom :5px;}
.blocks p,.blocks a{font-size :1em; color :#444; clear :both; line-height :1.4em}




/* blocks clases */
.cat1{background :#FCE3E9 url(../blocks/cat1.gif) -1px 0 no-repeat; color :#F287B7; border :0px solid #F287B7;}
.cat2{background :#D8E8F7 url(../blocks/cat2.gif) -1px 0 no-repeat; color :#6D84C0; border :0px solid #6D84C0;}
.cat3{background :#F1E4F0 url(../blocks/cat3.gif) -1px 0 no-repeat; color :#877FBB; border :0px solid #877FBB;}
.cat4{background :#DDEED6 url(../blocks/cat4.gif) -1px 0 no-repeat; color :#649785; border :0px solid #649785;}
.cat5{background :#FFEBDA url(../blocks/cat5.gif) -1px 0 no-repeat; color :#F2AA6F; border :0px solid #F2AA6F;}
.cat6{background :#D1CAE5 url(../blocks/cat6.gif) -1px 0 no-repeat; color :#916073; border :0px solid #916073;}
.cat7{background :#FCE3E9 url(../blocks/cat7.gif) -1px 0 no-repeat; color :#F287B7; border :0px solid #F287B7;}
.cat8{background :#FCE3E9 url(../blocks/cat8.gif) -1px 0 no-repeat; color :#F287B7; border :0px solid #F287B7;}
.cat9{background :#FCE3E9 url(../blocks/cat9.gif) -1px 0 no-repeat; color :#F287B7; border :0px solid #F287B7;}
.cat10{background :#FCE3E9 url(../blocks/cat10.gif) -1px 0 no-repeat; color :#F287B7; border :0px solid #F287B7;}

#Toolbox{ width :315px; height :200px; float :none; clear :both; overflow :hidden; padding :7px 7px 6px 175px; margin :10px 0 10px 0; background :#E9F5E5 url(../img/toolbox.jpg) -1px 0 no-repeat; border :0px solid #030; color :#030;}
#Toolbox h2{margin-bottom :5px; text-transform :uppercase;}
#Toolbox a{width :320px; height :60px; text-decoration :none; padding-left :70px; line-height :60px; color :#666; font-size :1.2em; display :block; font-weight :bold;}
#Toolbox a#icon-calendar{	background :url(../img/icon_calendar.jpg) top left no-repeat;}
#Toolbox a#icon-calculator{	background :url(../img/icon_calculator.jpg) top left no-repeat;}
#Toolbox a#icon-favorites{	background :url(../img/icon_favorites.jpg) top left no-repeat;}


.cat1 h2{font-size :1.1em; text-transform :uppercase; }

.Big{width :470px; height :auto; float :left; clear :both; overflow :hidden; padding :12px; margin :0; background :#D8CFC8; border :0px solid #666; color :#333; margin-bottom :20px;}
.Big a{color :#666; text-decoration :none; line-height :1.6em;}
.curved {-moz-border-radius: 10px;	-webkit-border-radius: 10px;}


fieldset.forms legend{font-size :1.2em; color :#555; padding :5px 0; font-weight :bold;}
fieldset.forms label {	font-family :"Times New Roman", Times, serif; font-size :1.2em; color :#958B81; font-weight :bold; line-height :1.6em;display: block;	width: 380px;	margin: 20px 0 5px 10px;	line-height: 14px; float :none; clear :both; }
fieldset.forms .text-large {border: 1px solid #ddd;	background: #fff url(../img/input-shaddow.gif) no-repeat left top;	font: 1.2em Arial, Helvetica, sans-serif;	color: #646464;	padding: 5px 7px;	width: 370px;	float: left;	margin: 0 10px 10px 20px;}
fieldset.forms .text-long {border: 1px solid #ddd;	background: #fff url(../img/input-shaddow.gif) no-repeat left top;	font: 1.2em Arial, Helvetica, sans-serif;	color: #646464;	padding: 5px 7px;	width: 264px;	float: left;	margin: 0 10px 10px 20px;}
fieldset.forms .text-medium {	border: 1px solid #ddd;	background: #fff url(../img/input-shaddow.gif) no-repeat left top;	font: 1.2em Arial, Helvetica, sans-serif;	color: #646464;	padding: 5px 7px;	width: 124px;	float: left;	margin: 0 10px 10px 20px;}
fieldset.forms .text-small {	border: 1px solid #ddd;	background: #fff url(../img/input-shaddow.gif) no-repeat left top;	font: 1.2em Arial, Helvetica, sans-serif;	color: #646464;	padding: 5px 7px;	width: 44px;	float: left;	margin: 0 10px 10px 20px;}
fieldset.forms .text-long:focus, 
fieldset.forms .text-medium:focus,
fieldset.forms .text-small:focus,
fieldset.forms .col {border-right: 1px solid #ddd;	background: transparent;font: 11px Arial, Helvetica, sans-serif;	color: #646464;	padding: 2px 4px;	width: 295px;	float: left;	margin: 0 0 0 0; border-bottom :1px solid #ddd; height :55px; overflow :hidden; clear :none; display :block;}
fieldset.forms hr{width :600px; height :1px; border :none; border-bottom :1px solid #ddd; clear :both; display :block; float :none; padding :5px 0px; margin :0}
fieldset.forms textarea:focus { background: #fdfcf6 url(../img/input-shaddow-hover.gif) no-repeat left top; }
fieldset.forms textarea {	border: 1px solid #ddd;	background: #fff url(../img/input-shaddow.gif) no-repeat left top;	font: 12px Arial, Helvetica, sans-serif;	color: #646464;	padding: 5px 7px;	width: 364px;	float: left;	margin: 0 10px 0 0;	height: 184px;	overflow: hidden;}
.button-submit,.button-submit2 {font: 11px Arial, Helvetica, sans-serif;	color: #646464;	width: 100px;	height: 30px;	cursor: pointer;	border: none;	background: url(../img/button1.gif) no-repeat left top; float :right; margin-right :25px; line-height :30px; text-align :center; text-decoration :none;}
a.button-submit,.button-submit2{ float :none; clear :both; display :block;margin :5px auto;}
fieldset.forms em{font-size :3em; float :right; clear :none; display :inline; width :20px; height :20px; overflow :hidden; color :#c00;}



/*#login-button{width:70px; height :20px; text-align: center; display :block; float :right; clear :both; color :#726456; text-transform :uppercase; padding :0 0 0 0; font-weight :bold; border :none; background :url(../img/searchbutton.gif) no-repeat;}*/


#verc{width :24px; height :24px; display :block; float :left; clear: none; border :none; background :url(../img/calendar.png) no-repeat; text-indent :-9999px}

ul#todoList{width :490px; height :auto; display :block; float :none; clear :both; padding :0 0 0 0; margin-top :20px; }
ul#todoList li{width :490px; height :30px; display :block; float :none; clear :both; list-style :none; border-bottom :1px dashed #aaa}
ul#todoList li.title{border-bottom :none;}
/*ul#todoList li.title{border-bottom :1px solid #bbb;}*/
ul#todoList li.hidd{ width :475px; padding :10px; background :#cac1b8; display :none;}
ul#todoList li a,ul#todoList li strong,ul#todoList li em{width :160px; display :block; float :left; clear :none; line-height :30px; overflow :hidden; text-indent :5px}
ul#todoList li em{width :90px;}
ul#todoList li span,ul#todoList li a{ width :40px; overflow :hidden; line-height :30px; overflow :hidden;}
ul#todoList li span,ul#todoList li a.remItem{background :url(../img/delete.png) 2px 3px no-repeat; text-decoration :none; width :40px;}

ul#todoList li a.more,ul#todoList li a.less{width :20px; background :url(../img/more.gif) 0 5px no-repeat;}
ul#todoList li a.less{display :none; background :url(../img/less.gif) 0 5px no-repeat;}
a.moreBlocks,a.lessBlocks{width :440px; height :30px; background :url(../img/more.gif) 450px 5px no-repeat; display :block; float :none; clear :both; text-decoration :none; color :#333; font-size :8px; text-align :right; padding-right :30px; line-height :30px}
a.lessBlocks{background :url(../img/less.gif) 450px 5px no-repeat;}

ul#todoList li h2{font-size :14px; padding :0; margin :0; float :none; font-style :normal; background :#8a7967; color :#fff; display :block; }
ul#todoList li.subtitle3 h2, ul#todoList li.subtitle2 h2{font-size :14px; padding :0; margin :0; float :none; font-style :normal; background : #b2a598; color :#fff; display :block; }
ul#todoList li.subtitle3 h2{
	background :#605348;
}



div.bloque{width :140px; height :150px; float :left; clear :none; background :#dcdcdc; padding :5px; margin :2px; border-bottom :1px solid #aaa;border-right :1px solid #aaa;}
ul.mes,ul.dias,ul.fechas{width :140px; height :20px; display :block; float: left; clear :none; padding :0; margin :0;}
ul.mes li{width :auto; display :block; float :left; clear :none; padding :0; margin :0}
ul.mes li h6{width :100px; height :20px; display :block; float :left; clear :none; color :#333; overflow :hidden;}
ul.mes li a{width :16px; height :20px; display :block; float :left; clear :none; color :#333;}


ul.dias li,ul.fechas li{ width :18px; height :14px; display :block; float :left; clear :none; overflow :hidden; font-size :11px; border :1px solid #aaa; text-align :center; background :#ffffe0;}
ul.dias li{background :#f5f5f5;}
ul.dias li.used{background :#708090;}

#step2, #step3, #step4, #step5,#step6, #step7{display :none;}

ul.servboxes{width :450px; height :auto; float :none; clear :both; padding :0; margin :0; list-style :none; line-height :20px}
ul.servboxes li{width :450px; height :20px; padding :0; list-style :none; text-align :left;}
ul.servboxes li h2{font-size :13px; text-decoration :underline;}
ul.servboxes li label{width :440px; margin : 0 0 0 5px; padding :0;}
ul.servboxes li label input{ padding :0; margin :0 4px 0 0}

.serv0{border :1px solid #ccc; color :#666;}
.serv1{border :1px solid #F287B7; color :#F287B7;}
.serv2{border :1px solid #6D84C0; color :#6D84C0;}
.serv3{border :1px solid #877FBB; color :#877FBB;}
.serv4{border :1px solid #649785; color :#649785;}
.serv5{border :1px solid #F2AA6F; color :#F2AA6F;}
.serv6{border :1px solid #916073; color :#916073;}
.serv7{border :1px solid #F287B7; color :#F287B7;}
.serv8{border :1px solid #F287B7; color :#F287B7;}
.serv9{border :1px solid #F287B7; color :#F287B7;}
.serv10{background :#fff url(../blocks/cat10.gif) -1px 0 no-repeat; color :#F287B7; border :0px solid #F287B7;}
.borded{border :1px solid #aaa;}
ul#resultados{width :500px; height :auto; float :none; clear :both; padding :0; display :block; list-style :none;}
ul#resultados li{width :480px; height :auto; float :left; clear :both; background :#fff; display :block; padding :5px; margin :10px auto; position :relative;}
ul#resultados li h2{	font-size :1.5em;}
ul#resultados li h4{	font-size :1.3em; color :#666;}
ul#resultados li a.imglink{width :90px; height :90px; float :left; clear :none; background :#fff; display :block; padding :0px; margin :0 10px 0 0;}
ul#resultados li span.servicios{font-size:1em; text-indent :4px; line-height :16px; display :block; float :left; clear :none; width :370px; margin :10px 5px}
ul#resultados li span.servicios strong{display :inline; float :none;}
#areamsg{width :240px; height :auto; float :left; clear :both; padding :0 0 0 0; margin-bottom :10px; display :block;}
#banner{	display :block; clear :both; float :none; width :240px;}
#areamsg p{color :#fff; background:#c00; display :block; width :220px; height :auto; float :none; padding :0px; text-align :center; position :absolute; top :5px; z-index :4;}

.blockServicios{display :none;}

div.favs{ width :30px; height :30px; display :block; float :none; clear :both; position :absolute; left :455px; top :5px; z-index :3;}

a.add2favs,a.rem2favs{ width :30px; height :30px; display :block; float :none; clear :both; background :url(../img/addfav.png) no-repeat; text-indent :-9999px;}
a.rem2favs{	background :url(../img/remfav.png) no-repeat;}


#mycalcform{display :none;}
#mycalendar{ height :200px; display :block; float :none; clear :both;}
#myCalendarForm{ height :200px; display :none; float :none; clear :both;}

ul.articulos{width :514px; height :auto; float :left; clear :both; overflow :hidden; display :block; padding :0; }
ul.articulos li{width :250px; height :90px; display :block; float :left; clear :none; margin-right :5px; margin-bottom :10px; overflow :hidden; background-image :none}
ul.articulos li h2{ height :60px; margin :4px 0px}
ul.articulos li a{text-decoration :underline; border :none; color :#999;}
ul.articulos li a:hover{color :#000;}
ul.articulos li span{width :80px; height :80px; display :block; float :left; clear :none; overflow :hidden; margin :4px 10px 4px 4px; }
img.heads{display :block; margin-bottom :20px;}
div.texto-plano{color :#666; line-height :1.4em;}