/* CLEARFIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear:both}


/* BODY */
body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif;}

/* ETIQUETAS */

	/* elementos de texto */
#page p {margin:0 0 5px 0; line-height:1.4em;}
#page small {font-size:0.9em; line-height:normal; color:#666}
#page b,#page strong{}
#page em, #page i{}
#page u{}
#page strike{}
#page hr {float:left; overflow:hidden; display:inline; width:100%; height:1px; margin:10px 0;  background:#F6D9E3; color:#F6D9E3; clear:both;  border:0 none; *margin-bottom:-10px}
#page blockquote {padding:20px; font-size:13px; margin:20px 0; line-height:1.5em; background:#E5E5E5; color:#333}

	
	
	/* elementos de títulos */
#page h1, #page h2, #page h3, #page h4, #page h5 {margin:0; padding:0;}
#page h1 {margin:0 0 20px 0; font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size:2.2em; color:#C20044;}
#page h2 {margin:0 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; color:#C20044; letter-spacing:-2px;}
#page h3 {font-size:1.5em;}
#page h4 {font-size:1.2em;}
#page h5 {}

	/* política de enlaces */
#page a:link {color:#C20044; text-decoration:underline; font-weight:bold;}
#page a:visited {color:#C20044; text-decoration:underline; font-weight:bold;}
#page a:hover, #page a:active {text-decoration:none;}
#page a img {border:0 none;}

#page h1 a { text-decoration:none!important}

	/*elementos decorativos*/
#page .colored{color:#C20044;}
#page .backcolor{background:#E5E5E5;}
#page .border_color{border:#FFF solid 5px;}

	/*tablas*/
#page table{width:100%; margin:0 0 10px 0; empty-cells:show;}
#page table thead th{text-align:left; padding:6px; font-size:1.4em;}
#page table tbody td{text-align:left; padding:10px 12px;}
#page table tbody tr.even td{}
#page table tbody tr.odd td{background-color:#F6D9E3;}
#page table tbody tr.highlight td {}

	/*formulario*/
#page fieldset{}
#page fieldset.untercio, #page p.untercio{float:left; display:inline; width:160px; margin:0 15px 0 0;}
#page p.untercio{padding:0 5px; color:#8F8F8F;}
#page fieldset.dostercios{float:left; display:inline; width:343px; margin:0 15px 0 0;}
#page input.check{display:block; float:left; width:15px; margin-left:7px; margin-right:5px;}
#page label {float:left; margin:0 0 5px 0; font-size:0.9em; color:#575757; text-align:right;}
#page label.error {color:#FF0000;}
#page input, #page textarea {width:100%; margin:0px 0px 10px 0px; padding:3px; background-color:#EEE; border:1px solid #CCC;}
#page input.login {width:46%; margin:0px 0px 10px 0px; padding:3px; background-color:#E2BFCD; border:2px solid #bb0142;}
#page input:focus, #page textarea:focus {background:#F6D9E3;}
#page input.checkbox, #page input.radio {display:inline; width:13px; height:13px; margin:0 5px 0 3px; background:none; border:0 none; vertical-align:middle; line-height:1.5em;}
#privacidad{margin-top:25px;}
#privacidad  input.check{margin-left:0;}

	/*boton*/
#page .btn {display:inline; height:30px; padding:0 0 0 29px; background:url(../images/btn_left.png) top left no-repeat;}
#page .btn a{float:left; display:inline; height: 30px; padding:5px 10px 10px 5px; background:url(../images/btn_center.png) top left repeat-x; color:#FFF; font-weight:bold; text-decoration:none;}
#page .btn p{float:left; display:inline; height: 30px; padding:5px 10px 10px 5px; background:url(../images/btn_center.png) top left repeat-x; color:#888; font-weight:bold; text-decoration:none;}
#page .btn span {float:left; display:inline; width:10px; height:30px; background:url(../images/btn_right.png) top right no-repeat; behavior:url("skin/iepngfix.htc");}	
	

	/*listas*/
#page ul.lista{}
#page ul.lista li{margin:0 0 5px 0; padding:0 0 0 20px; background:url(../images/bullet2.gif) 0 4px no-repeat;}


/*********** ESTRUCTURA ******************/

/* PAGE */
#page {width:100%; margin:0 auto; background:#C20044 url(../images/bg.jpg) top left repeat-x; font-size:1.2em; line-height:normal;}
#page .wrap {position:relative; width:950px; margin:0 auto;}
#page .wrap .wrap {width:auto; margin:0 auto;}
#page .wrap .wrap .wrap {width:auto; margin:0;}


/** HEADER **/
#page #header {}
#page #header .wrap {}

#page #header #slogan {color: rgb(255, 255, 255); font-weight: bold; font-size: 2.3em;}
#page #header #telefono {position:absolute; top:15px; right:0;}


/** LOGO **/
#page #header #logo {float:left; display:inline; width:95px; margin:11px 20px 0 7px;}
#page #header #logo .wrap {}
#page #header #logo img{float:left; display:inline; margin:0 10px 0 0;}
#page #header #logo h3{color:#FFF;}
#page #header #logo .txt{color:#DAA8BA; font-weight:bold; line-height:normal;}

/**TEXTO CABECERA**/
#page #header #texto_cab {float:left; display:inline; width:620px; margin: 30px 0 0 0; _margin-left:-15px}


/** SHORTCUTS **/
#page #header #shortcuts {float:right; display:inline; width:102px; margin:0px 70px 0 0;}
#page #header #shortcuts .wrap {}
#page #header #shortcuts ul{}
#page #header #shortcuts ul li{float:left; display:inline; padding:0 5px; border-right:1px solid #B15475; font-weight:bold;} 
#page #header #shortcuts ul li a {color:#E2BFCB; text-decoration:none;}
#page #header #shortcuts ul li.selected a {color:#A73F64;}


/** LANGUAGE **/
#page #header #lang {float:left; display:inline; width:120px; margin:20px 10px 0 0; }
#page #header #lang .wrap {}
#page #header #lang a {padding:0 5px;}
#page #header #lang a:hover{}


/** SEARCH **/
#page #header #search {float:left; display:inline; margin:20px 0 0 0;}
#page #header #search .wrap{}
#page #header #search #search_field {float:left; padding:0px 0px 1px;}
#page #header #search #advanced_search{float:left; clear:both; width:95px;}


/** LAYER NAV **/
#page #layer_nav {position:absolute; left:123px; *left:90px; top:82px; width:655px; z-index:9000}
#page #layer_nav .wrap{}
#page #layer_nav ul#nav {float:right; margin:0;}
#page #layer_nav ul#nav li {float:left; display:inline; height:40px; margin:0 15px 0 0;  padding:3px 0 0 20px; background:url(../images/ico_layernav.png) 2px 4px no-repeat; font-size:15px; font-weight:bold; letter-spacing:-0.5px; *letter-spacing:-1.0px; _letter-spacing:-1.0px;}
#page #layer_nav ul#nav li a{color:#FFF; text-decoration:none;}
#page #layer_nav ul#nav li.selected{/*background:url(../images/ico_selnav.png) -2px 8px no-repeat;*/ background:url(../images/ico_selnav.png) 2px 4px no-repeat;}
#page #layer_nav ul#nav li.selected a{color:#DDA8BA;}
#page #layer_nav ul#nav ul.sub li {float:none; height:auto; margin:0; padding:0; background:none; font-size:12px; font-weight:bold; letter-spacing: normal;}
#page #layer_nav ul#nav ul.sub li a{color:#FFF; text-decoration:none; background-color:#5B0020}
#page #layer_nav ul#nav ul.sub li a:hover {background-color:#C20044}


#nav, #nav ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em;}
#nav a{display:block; color:#fff; text-decoration:none;}
#nav a:hover {color:#333;}
#nav li{float:left; position:relative;}
#nav li li {border-bottom:1px solid #FFF}
#nav ul {position:absolute; display:none; width:13em; top:1.5em; left:0px; z-index:200}
#nav li ul a{width:12em; height:auto; float:left; border-bottom:1px solid #7C334D;  padding-left:10px; padding-right:10px}
#nav ul ul{top:auto;}	
#nav li ul ul {left:12em; margin:0px 0 0 10px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}


/** FOOTER **/
#page #footer {float:left; display:inline; margin:30px 0;}
#page #footer .wrap{}
#page #footer hr{background-color:#CB2660;}


#page #footer .shortcuts_footer{float:left; display:inline; width:300px; margin:0 20px 0 0; color:#FFF;}
#page #footer .shortcuts_footer h4{margin:0 0 10px 0; color:#EAA8BF;}
#page #footer .shortcuts_footer ul{margin:0 0 0 20px;}
#page #footer .shortcuts_footer ul li{margin:0 0 10px 0; padding:0 0 0 10px; background:url(../images/bullet.gif) 0 5px no-repeat;}
#page #footer .shortcuts_footer ul li small{color:#E594B0;}
#page #footer .shortcuts_footer ul li a{color:#FFF; text-decoration:none; font-weight:normal;}
#page #footer .shortcuts_footer input.bg{width:240px; height:25px; margin:0; background:url(../images/input_footer.jpg) 0 0 no-repeat; border:none;}
#page #footer .shortcuts_footer input.btn{float:right; display:block; width:80px; height:21px; margin:0 60px 0 0; padding:0; background:url(../images/btn_footer.jpg) 0 0 no-repeat; border:none; font-size:1.2em; font-weight:bold; text-align:center}

#page #footer #text_footer{float:left; display:inline; width:300px;}
#page #footer #text_footer p.title{color:#FFF; font-weight:bold;}
#page #footer #text_footer p.links{color:#EAA8BF;}
#page #footer #text_footer p.links a{color:#EAA8BF; font-size:1.0em; text-decoration:underline; font-weight:normal;}

#page #footer #powered {float:right; display:inline; text-align:right; font-size:1.0em; color:#EAA8BF;}
#page #footer #powered a {color:#EAA8BF; text-decoration:none; font-weight:normal;}
#page #footer #powered a:hover {}



/** CONTAINER **/
#page #container {margin:10px 0 0 0; background-color:#FFF; border-top:5px solid #D35680; border-left:5px solid #D35680; border-right:5px solid #D35680;}
#page #container h3 {margin:0 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#C20044; letter-spacing:-1px;}
#page #container .wrap{}

	/*uncol*/
#page #container #content {width:820px; margin:45px auto 0 auto;}
#page #container #content .wrap{}

	/*doscol*/
body.doscol #page #container{background:#FFF url(../images/bg_doscol.gif) center 45px no-repeat;}
body.doscol #page #container #content {float:left; display:inline; width:580px;}
body.doscol #page #container #content .wrap{}

	/*trescol*/
body.trescol #page #container #content {}
body.trescol #page #container #content .wrap{}

	/*left*/
#page #container #left {float:left; display:inline; width:180px;  margin:45px 40px 0 60px; padding:20px;}
#page #container #left .wrap {}
#page #container #left ul{margin:0 0 20px 0; border-bottom:1px solid #EEB9CC;}
#page #container #left ul li{margin:0 0 10px 0; padding:0 0 0 10px; background:url(../images/bullet_cat.gif) 4px 6px no-repeat;}
#page #container #left ul li a{color:#1B273F; font-weight:normal; text-decoration:none;}
#page #container #left ul li.selected{background:url(../images/bullet_cat_sel.gif) 4px 6px no-repeat;}
#page #container #left ul li.selected a{color:#C20044;}


	/*right*/
#page #container #right {}
#page #container #right .wrap {}

	/*columns*/
#page .untercio {float:left; display:inline; width:273px; margin:30px 0 10px 0;}
#page .dostercios {float:left; display:inline; width:390px; margin:0 10px 0 0;}
#page .trestercios{float:left; display:inline; width:99%; margin:0 0 10px 0;}
#page .unmedio {float:left; display:inline; width:49%; margin:0 10px 0 0;}
#page .trescuartos {float:left; display:inline; /*width:70%;*/ width:70%}
#page .cuartos {float:left; display:inline; width:85%;}

/*para la home */
#page .untercioHome {float:left; display:inline; width:244px; margin:30px 18px 10px 0;}
#page .untercioHomeSpecial {float:left; display:inline; width:284px; margin:30px 18px 10px 0; background-color:#E5e5e5; padding:10px 0px 10px 10px; *padding-bottom:20px; border:1px solid #CCC}
#page .untercioHomeSpecial img {margin-right:10px}
#page .untercioHome strong, #page .untercioHomeSpecial strong {color:#333; font-size:12px; line-height:1.4em}

#page #container #content #destacado #promocion {position:relative; float:left; width:421px; height:203px; background:url(../images/banner_promocion.jpg) 0 0 no-repeat; margin:-17px 20px 0 -21px}
#page #container #content #destacado #promocion #textos {position:absolute; top:42px; right:15px; *right:7px}
#page #container #content #destacado #promocion #textos h2 {color:#FFF; font-size:15px; letter-spacing:-0.6px; margin-bottom:10px}
#page #container #content #destacado #promocion #textos strong {color:#C20044; font-size:14px; letter-spacing:-0.6px;}
#page #container #content #destacado #promocion #textos p {font-size:13px; margin-top:3px}
#page #container #content #destacado #promocion #imagen {position:absolute; bottom:24px; right:50px}

#page #container #content #destacado #presupuesto {float:left; width:400px; height:171px;}


	/*texto_titulo */
#page #container #content #texto_titulo{float:left; display:block; width:800px; height:30px;}

	/*gallery*/
#page #container #content #gallery {float:left; width:250px; margin-right:25px;}
#page #container #content #gallery h2 {margin-bottom:15px}

#page #container #content #promo {float:left; width:270px; margin-right:40px;}
#page #container #content #promo h2 {margin-bottom:15px}
#page #container #content #promo h3 {font-size:13px; letter-spacing:normal; color:#000; font-weight:bold}
#page #container #content #promo img {margin-right:10px; margin-bottom:50px; border:3px solid #CCC}

#page #container #content #news {float:left; width:235px; _width:231px;}
#page #container #content #news h2 {margin-bottom:15px}
#page #container #content #news h3 {font-size:13px; letter-spacing:normal; color:#000; font-weight:bold}
#page #container #content #news h3 a {color:#000}
#page #container #content #news small {color:#666}
#page #container #content #news ul{margin-bottom:10px}
#page #container #content #news ul li {border:1px solid #FFF; background:url(../images/bullet3.gif) no-repeat 10px 3px; padding-left:33px; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #DDD}


	/*end content*/
#page #end_container{width:950px; height:166px; background:url(../images/end_content.jpg) 0 0 no-repeat;}
#page #end_container h2{padding:65px 0 5px 250px;}
#page #end_container p, #page #end_container small{width:560px; margin:0 0 5px 325px;}
#page #end_container img{margin:0 5px 0 0; vertical-align:middle;}

	/*item left*/
#page #container #left .item_cat{padding:0 0 10px 0; border-bottom:1px solid #EEB9CC;}
#page #container #left .item_cat small{display:block; margin:5px 0 0 0;}

	/*item*/
#page #container #content .item{margin:0 0 10px 0; padding:20px 0 0 0; border-bottom:1px solid #F8E3EA;}
#page #container #content .item ul{margin:0 0 0 10px;}
#page #container #content .item ul li{margin:0 0 5px 0; padding:0 0 0 12px; background:url(../images/bullet_cat.gif) 4px 6px no-repeat; font-weight:bold;}

	/*mapa*/
#page #container #content #mapa{margin:0 0 20px 0;}

	/*calculadora*/
#page #container #content #options{width:580px; height:140px; margin:0 0 20px 0; padding:20px 0 0 20px; background:url(../images/bg_options.gif) 0 0 no-repeat;}
#page #container #content #options ul{margin:25px 0 0 0;}
#page #container #content #options ul li{float:left; display:inline; margin:0 10px 0 0; cursor:pointer;}

#page #container #content #infozone{width:560px; height:78px; margin:0 0 20px 0; padding:10px 10px 0 10px; background:url(../images/bg_cant.gif) 0 0 no-repeat;}
#page #container #content #infozone span{font-size:1.2em; color:#C20044; font-weight:bold;}

	/*login*/
#page #container #content .acceso {width:50%; margin-left:25%;}

#page div.suscription_error
{
padding:8px;background-color:white;text-align:center;border:2px solid red;font-weight:normal;color:maroon;
}
#page div.suscription_ok
{
padding:8px; background-color:white; text-align:center; border:2px solid orange; font-weight:normal;color:darkblue;
}

#page #container #content .imgGroup {margin:20px 0}
#page #container #content #accordion .box {border:1px solid #FFF; border-bottom:1px dotted #DDDDDD; margin-bottom:10px; padding-bottom:10px; background:url(../images/bullet2.gif) 2px 5px no-repeat;}
#page #container #content #accordion .box h4 {padding-left:20px}
#page #container #content #accordion .box h4 a {text-decoration:none}
#page #container #content #accordion .box div {padding-left:20px}

#page #container #content .txtBanner .floatleft {width:320px}
#page #container #content .txtBanner .floatright {width:220px;}


/* paginacion */
#page #container #content .paginacion {overflow:hidden; position:relative; padding:5px 5px 3px 12px; background-color:#DDD; height:17px; margin-top:25px; clear:both}
#page #container #content .paginacion h5{float:left; display:inline;}
#page #container #content .paginacion p {position:relative; float:right; margin-top:0; padding:0 0 2px 5px;  font-size:11px; text-align:right; color:#666}
#page #container #content .paginacion p a:link, #page #container #content .paginacion p a:visited, #page #container #content .paginacion p a:hover, #page #container #content .paginacion p a:active {padding:2px 5px; background-color:#ECEDEE; color: #666 ;text-decoration:none;}
#page #container #content .paginacion p span {padding:2px 5px;}
#page #container #content .paginacion p span, #page #container #content .paginacion p a:hover {background-color:#C20044; border-color:#C20044; color:#FFF;}


#page #container #content .new {margin:20px 0 0 0;  float:left; padding-bottom:15px; }
#page #container #content .new img {margin-right:15px}
#page #container #content .new small a {color:#666; font-weight:normal; text-transform:uppercase}
#page #container #content .new h2 {font-size:16px; letter-spacing:-0.5px; margin-top:5px; color:#000}
#page #container #left ul#news {margin-top:15px}

#page #container #content #ficha small a {color:#666; font-weight:normal; text-transform:uppercase}
#page #container #content #ficha h1 {margin-top:5px;}
#page #container #content #ficha img.left {margin-right:15px}
#page #container #content #ficha p {margin-bottom:15px}