/* RESET CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}

/*columns*/
#page .untercio {float:left; display:inline; width:29%; margin:0 5% 0 0;}
#page .dostercios {float:left; display:inline; width:64%; margin:0 5% 0 0;}
#page .unmedio {float:left; display:inline; width:47%; margin:0 5% 0 0;}
#page .uncuarto {float:left; display:inline; width:21%; margin:0 5% 0 0;}

#page .last{border:0 none; margin-right:0!important;}

#page .floatleft{float:left; display:inline;}
#page .floatright{float:right; display:inline;}
#page img.left {float:left; padding:0px 20px 20px 0;}
#page img.right {float:right; margin:0px 0px 20px 20px;}
#page .imgleft {float:left; padding:10px; border:1px solid #ddd; margin-right:30px;}


	/* remember to define focus styles! */
:focus {outline:0;}

	/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}

	/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}

/* FIN RESET*/


	
	/* elementos básicos */
body {position:relative; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color:#666; background:url(../images/fnd.png) top center no-repeat}
#page p {overflow:hidden; margin:0; padding:0 0 5px 0; float:none; border:none; font-size:12px;  line-height: 1.7em;}

	/* elementos de títulos */
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {padding:0; line-height:normal; color:#333;}
#page h1 {font-size:18px; font-weight:normal}
#page h2 {font-size:14px;} 
#page h3 {font-size:13px; }
#page h4 {font-size:12px;}
#page h5 {}
#page h6 {}

	/* elementos de texto */
#page small {font-size:1.0em; color:#999;}
#page b,#page strong{/*negrita*/}
#page em,#page i{/*cursiva*/}
#page u{ /*subrayado*/}
#page strike{ /*tachado*/}
#page hr {overflow:hidden; background:#DDD; clear:both; height:1px; border:none; margin:10px 0;}
#page blockquote {font-size:11px;  line-height: 1.7em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#444; font-style:italic}

	/* política de enlaces */
#page a:link {text-decoration:none; color:#0066FF; font-weight:bold;}
#page a:visited {text-decoration:none; color:#0066FF;  font-weight:bold; margin:0;}
#page a:hover, #page a:active {text-decoration:underline; color:#333;  font-weight:bold;}
#page a img {border:0;}

	/* listas */
#page ul {list-style:none; list-style-type:none; list-style-image:none}
#page ul li {list-style:none; list-style-type:none; list-style-image:none}

#page #container #content ul {margin:10px 0 10px 20px}
#page #container #content li {padding:0 0 10px 0; float:none; font-size:12px;  line-height: 1.7em; list-style-type:square}

	/* formularios */
#page fieldset {border:none; padding:0; margin:0 0 20px 0}
#page fieldset.medio{width:49%;}
#page fieldset legend {border:solid 1px #ccc;}
#page fieldset span {}
#page label {color:#333; font-size:1.1em; display:block; float:left; padding:3px 10px 0 0;} 
#page input {background-color:#EEE; border:1px solid #E6E5E7; color:#333; height:20px;} 
#page #container #content .last {margin-right:0;}

#page input.check{background-color:#fff; border:none; color:auto; height:auto;width:auto;padding:auto} 

#page select {background-color:#EEE; border:1px solid #E6E5E7; color:#333; height:20px;} 
#page textarea{height:100px; background-color:#EEE; border:1px solid #E6E5E7; color:#333; overflow:auto;} 
#page textarea:focus, #page input:focus {background-color:#FFFF99; color:#333;} 
#page select {}


/********************** MAQUETACIÓN *******************************/

/* PAGE */
#page {width:940px; margin:0 auto; background: url(../images/fnd_search.png) no-repeat top right}
#page .wrap {margin:0 auto;}
#page .wrap .wrap {margin:0 auto;}
#page .wrap .wrap .wrap {margin:0;}


/** HEADER **/
#page #header {height:40px;}
#page #header .wrap {}
#logo  {position:absolute; top:27px; z-index:50; width:140px; height:139px;}
#page #header #logo .wrap {}



/** SHORTCUTS **/
#page #shortcuts {text-align:right; position:absolute; top:17px; right:240px; display:inline;}
#page #shortcuts .wrap {}
#page #shortcuts a {color:#666; border-right:#999 solid 1px; padding:0 5px; font-size:11px; font-weight:normal}
#page #shortcuts a:hover{}
#page #shortcuts a.last{border:0 none;}


/** LANGUAGE **/
#page #language {text-align:right; margin:10px 0 0 10px; float:right; display:inline;}
#page #language .wrap {}
#page #language span{color:#666;}
#page #language a {color:#0066FF; border-right:#666 solid 1px; padding:0 5px;}
#page #language a:hover{}
#page #language a.last{border:0 none;}



/** SEARCH **/
#page #search {}
#page #search .wrap{}
#page #search h2{}
#page #search input {}
#page #search .txt{}
#page #search .txt a{}
#page #search .btn{}


/** LAYER NAV **/
#page #layer_nav {/*margin:50px 0 0 160px;*/  width:782px; height:37px; position:absolute; top:59px; right:0px;}
#page #layer_nav .wrap{}
#page #layer_nav ul {float:right; margin:5px 0 0 0; background:url(../images/fnd_layer_nav.jpg) top right no-repeat; width:772px; height:37px; padding-left:10px}
#page #layer_nav li {display:block; text-align:right; float:left; font-size:13px;  background:url(../images/separador.gif) top right no-repeat;  height:16px; padding:13px 8px 5px 3px; margin:0 5px 0 0;}
#page #layer_nav li a{text-decoration:none; font-weight:normal; color:#FFF; display:block;}
#page #layer_nav li a:hover{display:block; color:#FFF;}
#page #layer_nav li.selected a{display:block; color:#130D06}
#page #layer_nav li.last{ background:none;}

#page #layer_nav p {margin-bottom:20px; color:#777}
#page #layer_nav p span {color:#222}


/** DESTACADO **/
#page #destacado {}
#page #destacado .wrap {}
#page #destacado .mensaje {}
#page #destacado .mensaje  h3 {}
#page #destacado .mensaje #img {}


/** FOOTER **/
#page #footer {float:left; display:inline; margin:30px 0 0 0; padding:10px 0 20px 0; background:url(../images/fnd_footer.gif) top left repeat-x; border-top:#DDD solid 1px; color:#666; line-height: 1.7em;width:100%;}
#page #footer .wrap{}
#page #footer #logofooter {float:left; margin:0 20px 0 0;}
#page #footer #logofooter img {margin:0 10px 0 0;}
#page #footer #texfooter {float:left; font-size:1.1em; padding-top:5px}
#page #footer #texfooter a {color:#666; font-weight:normal; text-decoration:underline;}
#page #footer #powered {float:right; padding:5px 0 0 0;}
#page #footer #powered a {font-size:11px; color:#666}


/** CONTAINER **/
#page #container {/*float:left; display:inline;*/ padding:0; margin:30px 0 0 0; _border:1px solid #FFF}
#page #container .wrap{}


	
	/*uncol*/
#page #container #content {float:right; width:780px; display:inline;//overflow:hidden}
#page #container #content .wrap{}

	
	/*doscol*/
body.doscol #page #container #content {float:right;display:inline;}
body.doscol #page #container #content .wrap{}
body.doscol #page #container #content h1{}

#page #container #content .contenido ul{}
#page #container #content .contenido li{list-style:square; margin-left:40px;font-size:1.2em;}

	
	/*trescol*/
body.trescol #page #container #content {}
body.trescol #page #container #content .wrap{}

	
	/*left*/
#body_inicio #page #container #left {display:none}
#page #container #left {float:left; width:140px; display:inline; margin:0 0 0 160px;}
#page #container #left .wrap {}
#page #container #left h1{}

#page #container #left2 {float:left; width:140px; display:inline; margin:105px 20px 0 0; height:50px;}
#page #container #left2 .wrap {}
#page #container #left2 h1{}
	
	/*right*/
#page #container #right {}
#page #container #right .wrap {}

	
	/*content*/
#page #container #content .untercio {float:left; width:478px; display:inline; margin:0;overflow:hidden}
#page #container #content .dostercios {float:left; width:570px; display:inline; margin:0 10px 0 0;}
#page #container #content .unmedio {float:left; width:445px; display:inline; margin:0 30px 0 0;}
#page #container #content .unmedio_special{float:left; width:302px; display:inline;overflow:hidden}


	/*breadcrumbs*/
#page #container #content #breadcrumbs {color:#666; padding:2px 15px;}


	/*fin*/
#page p.fin {padding:2px 10px 0 0; text-align:right; font-weight:bold; font-size:1.0em; background-color:#D9E8FF; height:20px; margin:15px 0 15px 0;}
#page p.fin a{color:#333;}


	/*btn*/
#page .btn {background:url(../images/btn_left.gif) 0 0 no-repeat; margin:5px 0 5px 0; padding:0 15px; height:28px; float:left;}
#page .btn a {background:url(../images/btn_right.gif) right 0 no-repeat; padding:4px 15px 10px 0; color:#FFF; font-weight:bold; font-size:1.4em; display:block; text-decoration:none;}
#page .btn a:visited {color:#FFF; text-decoration:none;}
#page .btn a:hover {text-decoration:none; color:#ccc;}

	
	/* paginacion */
#page .paginacion {background:#E5E5E5; color:#333; padding:5px 12px 0 12px;  margin:1.5em auto 1.5em auto; overflow: hidden; position:relative; height:25px; width:756px; float:left;}
#page .paginacion * {margin:0}
#page .paginacion p {position:relative;	text-align:right; color:#333; font-weight:bold; float:right; padding:2px 0 2px 5px; font-size:11px}
#page .paginacion p a:link, #page .paginacion p a:visited, #page .paginacion p a:hover, #page .paginacion p a:active {text-decoration:none; color:#333; padding:2px 5px; font-size:11px; background-color:#FFF; border:#CCC solid 1px;}
#page .paginacion p a:hover {background:#6A706F; color:#FFF;}
#page .paginacion p span {text-decoration:none; background-color:#F49F11; padding:2px 5px; color:#FFF;}
#page .paginacion h5 {margin:3px; border:none; font-size:11px; float:left; color:#666;}


	/* categorias*/
#page #container #left ul.categorias li{background:url(../images/bullet_gris.gif) right 4px no-repeat; text-align:right; padding:0 15px 0 0; font-size:1.2em; margin:0 0 8px 0;line-height:13px;}
#page #container #left ul.categorias li a{color:#696F6F; font-weight:normal;}
/*#page #container #left ul.categorias li.selected{background:url(../images/bullet_naranja.gif) right 4px no-repeat;}*/
#page #container #left ul.categorias li.selected a{color:#000; text-decoration:underline;}

#page #container #left2 ul.categorias li{background:url(../images/bullet_gris.gif) right 4px no-repeat; text-align:right; padding:0 15px 0 0; font-size:1.2em; margin:0 0 8px 0;line-height:13px;}
#page #container #left2 ul.categorias li a{color:#696F6F; font-weight:normal;}
#page #container #left2 ul.categorias li.selected{background:url(../images/bullet_naranja.gif) right 4px no-repeat;}
#page #container #left2 ul.categorias li.selected a{color:#000; text-decoration:underline;}
	
	/*auxiliares*/
#page .floatleft{float:left;}
#page .floatright{float:right;}
#page img.left {float:left; padding:0px 10px 0 0;border:0px !important}
#page img.right {float:right; padding:0px 0px 0 10px;}
#page .txtleft{text-align:left;}
#page .txtright{text-align:right;}
#page .txtcenter{text-align:center;}
#page .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
#page .backcolor {background-color:#E5E5E5}
#page .colored {color:#CE1126;}
#page .w240 {width:240px;}

#page #container #content #enlaces {text-align:left; margin:0; float:left; display:inline; min-height:12px; font-size:11px;}
#page #container #content #enlaces .wrap {}
#page #container #content #enlaces span{color:#666;}
#page #container #content #enlaces a {color:#0066FF; border-right:#666 solid 1px; padding:0 5px;}
#page #container #content #enlaces a:hover{}
#page #container #content #enlaces a.last{border:0 none;}

#root0 {
/*padding-bottom:10px;
padding-top:10px;*/
position:absolute;
}
#left_root0 {
float:left;
/*padding-top:20px;*/
}
#right_root0 {
/*padding-top:20px;*/
}
#left_root0 img, #right_root0 img {border:0px !important;}

.root {position:absolute;margin: 10px;*margin:10px 0;}
.thumb {position:absolute;height:9px;width:15px;left:10px;}
#page #container #content .media{background-color:#e8e8e8;height:65px;}
#page #container #content .media .left {position:relative;float:left;top:5px !important;}
#page #container #content .media .right {position:relative;float:right;top:5px !important;}
#page #container #content .media .right img{margin:0;}
#page #container #content #galeria .left a, #page #container #content #galeria .left a img,
#page #container #content #galeria .right a, #page #container #content #galeria .right a img, 
#page #container #content #galeria .thumb a , #page #container #content #galeria .thumb a img{border:0;margin:0;}
.scrollContent {position:absolute;left:0px; top:0px; width:100px; }

#page #container #content .media #right0 img, #page #container #content .media #left0 img {padding:0}

#page #circulo-play{border:1px solid #CCCCCC;height:40px;width:40px;padding:5px;float:left;}


#page .mapa {float:left; display:inline;}

#page #delegaciones {border-left:1px solid #ddd; padding-left:50px; margin-left:20px; float:left; display:inline; text-align:left;}
#page #delegaciones h3 {font-weight:normal; color:#666; font-size:11px;}
#page #delegaciones ul {/*float:right;*/ margin:0; padding:0; list-style-type:none!important; list-style:none!important; list-style-image:none!important}
#page #delegaciones li {display:block; float:right; font-size:1.2em; height:16px; padding:0 5px 0 0; margin:0 0px 0 0; list-style-type:none!important; list-style:none!important; list-style-image:none!important; color:#FFF!important}
#page #delegaciones li a{text-decoration:none;}
#page #delegaciones li a:hover {}
#page #delegaciones li.selected a {font-weight:normal; color:#666;}
#page #delegaciones li.last{border:0 none;}
#page #container #content li.red {background:url(../images/bullet_red.gif) 0 5px no-repeat; padding-left:15px;}
#page #container #content li.yellow {background:url(../images/bullet_yellow.gif) 0 5px no-repeat; padding-left:15px;}

#page #busqueda_box {position:absolute; top:8px; right:0; padding-bottom:15px; width:220px}
#page #busqueda_box  .txt{ background: url(../images/fnd_input.png) no-repeat; font-size:10px; width:167px; border:0; margin-left:6px; height:23px; float:left; padding:4px 0 5px 17px; }
#page #busqueda_box  .btn2{padding:0 0 0 0; margin: 0 6px 0 0; _margin: 2px; font-size:9px; color:transparent;  border:0; height:23px; width:23px; background: url(../images/btn_search.png) no-repeat}

#paginator{border-top:2px solid #000;margin-top:15px;padding-top:5px;}


body#body_servicios #page #container #content .untercio {float:left; display:inline; width:29%; margin:0 5% 5% 0;}
body#body_servicios #page #container #content .dostercios {float:left; display:inline; width:64%; margin:0 5% 5% 0;}
body#body_servicios #page #container #content .unmedio {float:left; display:inline; width:47%; margin:0 5% 5% 0;}
body#body_servicios #page #container #content .uncuarto {float:left; display:inline; width:21%; margin:0 5% 5% 0;}

body#body_delegacion #page .w240 {float:right; border:1px solid #ccc; padding:10px; margin-left:20px;}

/* 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}