@charset "utf-8";
/* CSS Document */

body{ background-image:url(images/fd.gif); margin:0; padding:0;}
a img{ border:none;}
.logo{ position:absolute; z-index:1000; top:0px; left:50%; margin-left:-500px;}
.transparente{ text-align:center; width:100%; display:block;}
.header{ margin:0 auto; width:910px; height:80px; text-align:right; padding-right:65px;}
.header a{ font:normal 11px Trebuchet MS; color:#666; padding:2px 2px 1px 2px; margin-right:15px;}
.header form{ display:inline; margin-top: 2px;}
.header form input{ font:normal 10px Verdana; vertical-align:top; margin-top:4px;}
.header form input.boton{ background-color:#179FE7; border:solid 1px #0F6695; height:17px; margin-top:4px; margin-left:5px; color:#FFF;}
.pie{ margin:0 auto; width:900px; padding-right:20px;}
.pie_izq{ width:55%; float:left; text-align:left; margin-top:18px; font:normal 9px Verdana; color:#666;}
.pie_izq img{ float:left; margin-top:-5px; margin-right:10px; }
.pie_der{ width:44%; float:left; text-align:right; margin-top:18px; font:normal 10px Trebuchet MS; color:#999; line-height:90%;}

.fecha{font:normal 12px Trebuchet MS; color:#777; position:absolute; top:160px; left:50%; margin-left:425px; height:100px; padding:5px; line-height:110%;}
.fecha font{ font-size:16px; color:#AAA; font-weight:bold;}
.fecha b{ font-size:20px; color:#6CB10C; font-weight:bold;}

/*Nav Principal- menu izquierdo*/
.nav{	position:absolute;	z-index:500;	top:181px;	left:50%;	margin-left:-470px;	width:200px;	background-color:#6CB10E;}
.nav a{ display:block; border:solid 1px #B6D887; border-width:1px 0 0 0; padding:5px 5px 5px 8px; font:normal 15px Trebuchet MS; color:#EAFCAB; text-decoration:none; }
.nav .funda{ margin:30px 0 8px 9px;}
.nav a:hover, .nav a.act{ background:#6CB10E url(images/fd_btn.jpg) top left; color:#FFF;}
.nav a.sub{ border:solid 1px #B6D887; border-width:1px 1px 0 1px; font:normal 12px Trebuchet MS; background-color:#E9F3A6; padding:1px 5px 0 10px; color:#8B0;}
.nav a.sub:hover, .nav a.subact, .nav a.subact:hover{border:solid 1px #B6D887; border-width:1px 1px 0 1px; font:normal 12px Trebuchet MS; background-image:none; background-color:#F3FFB6; color:#7A0; padding:1px 5px 0 10px;}
.nav a.subsub{border:solid 1px #B6D887; border-width:0 1px 0 1px; font:normal 10px Trebuchet MS; background-color:#F3FFB6; padding:0 5px 0 20px; color:#8B0;}
.nav a.subsub:hover, .nav a.subsubact, .nav a.subsubact:hover{ border:solid 1px #B6D887; border-width:0 1px 0 1px; font:normal 10px Trebuchet MS; background-image:none; color:#7A0; background-color:#F3FFB6; padding:0 5px 0 20px; text-decoration:underline;}


/*MENU*/
.contenedormenu{height:25px; text-align:center; width:100%; display:block; background-image:url(images/fd2.gif);}
.contenedormenu div{ width:910px; margin:0 auto; }
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0;}
.menu iframe {position:absolute; left:-9999px; border:0; padding:0; margin:0; width:0; height:0;}
/* for IE7 to position the tables correctly */
.menu {position:relative; clear:right; margin-right:35px;}
/* for IE5.5 and IE6 to position the tables corectly */
* html .menu {position:static;}
/* Set up the size of the list items and float left to place inline */
.menu li {float:right; padding:0; z-index:100;}
.menu li li{ float:left;}
/* Give the sub level list item a diffent background color to make it 'stand out'. */
.menu li.sub {background:#3090CF;}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-size:1em;}
/* Default link styling */
.menu li a {background: #CCC url(images/menu_sup.gif) repeat-x top; font:bold 12px Trebuchet MS; display:block; color:#FFF; padding:3px 12px 3px 12px; text-decoration:none; text-align:center; margin:0 0 0 1px; border:solid 1px #0983D3; border-width: 1px 1px 0 1px;}
.menu li a:hover { background: url(images/menu_supover.gif) repeat-x top; font:bold 12px Trebuchet MS; color:#666; padding:3px 12px 3px 12px; text-decoration:none; margin:0 0 0px 1px; border:solid 1px #CCC; border-width:1px 1px 0 1px;}
.menu li a.act{ background: url(images/menu_supover.gif) repeat-x top; font:bold 12px Trebuchet MS; color:#666; padding:3px 12px 3px 12px; text-decoration:none; margin:0 0 0px 1px; border:solid 1px #CCC; border-width:1px 1px 0 1px;}
.menu li li a{ background-image:none; background-color:#E0E0E0; border:solid 1px #BBB; margin-bottom:1px; width:110px; font:normal 11px Arial; color:#666; text-align:left; padding:3px 7px;}
.menu li li a:hover{ background-image:none; background-color:#333; border:solid 1px #999; margin-bottom:1px; width:110px; font:normal 11px Arial; color:#CCC; padding:3px 7px;}
/* Style the list OR link hover. Depends on which browser is used */
.menu :hover {color:#fff; /*background:#3090CF url(images/btn_over.gif) repeat-x top;*/}
/* Give the link OR list a relative position. Depends on which browser is used */
.menu li:hover, .menu li a:hover{position:relative; z-index:101;}
/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menu li:hover > a {color:#666; background: #CCC url(images/menu_supover.gif) repeat-x top; border:solid 1px #CCC; border-width:1px 1px 0 1px;}
.menu li ul li:hover > a { background-image:none; background-color:#333; border:solid 1px #999; margin-bottom:1px; width:110px; font:normal 11px Arial; color:#CCC; }
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul ul.left {position:absolute;left:-9999px;}
/* Position the drop-down first sub level beneath the top level list item when hovering over the top level list OR link. The transparent image is for IE7 to render this correctly. The image does not have to exist :) */
.menu :hover ul{left:-2px; top:10px; background:transparent url(transparent.gif); padding-top:17px; margin-right:0;}
* html .menu :hover ul { left:-15px; }
/* Position the flyout sub levels to the right or left when hovering over the sub level list OR link. */
.menu :hover ul :hover ul { left:175px; top:0px; z-index:200; padding-top:2px; border:solid 1px #333; border-width:1px 0px 0px 0px;}
.menu :hover ul :hover ul :hover ul { left:175px; top:0; border:solid 1px #5F85BF; border-width:1px 0px 0px 0px;}

.gris{text-align:center; width:100%; display:block; background-color:#F0F0F0; border:solid 1px #CCC; border-width:1px 0 1px 0;}
.gris .banner{ width:910px; margin:0 auto; padding:10px 0 10px 0; text-align:right; min-height:290px; padding-right:65px;}

.cont{ width:910px; margin:10px auto; padding-right:70px;}
.cont .info_interes{ padding-left:20px; float:right; text-align:left; width:305px; margin:5px 0 0 0; /*border:solid 1px #93C1D0; border-width:0 0 0 1px;*/}
.cont .noticias{ float:right; text-align:left; width:305px; padding-left:20px; margin:5px 10px 0 0; padding-top:1px; /*border:solid 1px #93C1D0; border-width:0 0 0 1px; */}
.cont .somos{ float:right; text-align:left; width:210px; margin-top:5px; padding-top:5px; margin-right:15px; }
.item{  line-height:90%; display:block; font:normal 11px Trebuchet MS; color:#345767; margin-bottom:20px; margin-left:10px;}
.item a{ font:bold 15px Trebuchet MS; color:#345767; text-decoration:none;}
.seccion, .item a.seccion{ font:bold 11px Trebuchet MS; color:#69B009; text-decoration:none;}
.seccion:hover{ text-decoration:underline;}
.item a:hover{ text-decoration:underline;}
.item img{ border:solid 1px #999; margin-right:10px;}
.noticias .item{}
.logos{ margin:7px 0 0 15px;}
.enlaces_int{ margin-left:10px;}
.enlaces_int img{ margin-right:10px;}

.mottif{ font:bold 12px Trebuchet MS; color:#CCC;}

/*Interiores*/

.contenidos{ width:610px; margin:0 auto; padding:10px 0 10px 0; text-align:left; min-height:290px; padding:25px 50px 30px 260px;  font:normal 12px Arial; color:#444;}
.contenidos a{ color:#08E;}
.volver{ color:#09F;}
h1{ font:bold 28px Trebuchet MS; color:#09F;}
h1 span, h2 span, h3 span{ font:bold 12px Trebuchet MS; color:#666; line-height:100%;}
h2 span.previo{ font-weight:normal; color:#555;}
h1 a, h2 a, h3 a{ color:#09F; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover{ color:#09F; text-decoration:underline;}
h1 span big{ text-transform:uppercase; color:#69B009;}
.resultados{ font-weight:normal; color:#999;}
.izq_res{ float:left; width:65%; border:solid 1px #999; border-width:0 0 1px 0; }
.der_res{ float:left; width:35%; border:solid 1px #999; border-width:0 0 1px 0; text-align:right; }
.der_res a,.der_res2 a, .izq_res a, .izq_res2 a{ color:#09F;}
.izq_res2{ float:left; width:65%; border:solid 1px #999; border-width:1px 0 0 0; }
.der_res2{ float:left; width:35%; border:solid 1px #999; border-width:1px 0 0 0; text-align:right; }
h2{ font:bold 18px Trebuchet MS; color:#09F; padding-right:15px;}
h3{ font:bold 14px Trebuchet MS; color:#09F;}
.gris2{text-align:center; width:100%; display:block; background:#F8F8F8 url(images/fd_gris.jpg) repeat-x; border:solid 1px #CCC; border-width:1px 0 1px 0;}
h2 img{ border:solid 1px #999; float:left; margin:0 15px 0 0;}
.sin_img{ float:left; width:11px; height:75px;}
.enlace{ background-color:fAfAfA; padding:10px 10px 5px 10px; margin-right:7px; width:275px; border:solid 1px #E0E0E0; margin-bottom:15px; float:left; font-size:11px;}
.col{ width:300px; float:left;}
.enlace img{ margin-right:10px; float:left;}
.enlace .info{ width:185px; float:left;}
.enlace b{ color:#666;}
.finalb{ clear:left; height:1px; font-size:1px;}
.enlace a{ color:#09F;}
.contenidos li { margin:0 0 5px 0; padding:0;}
.contenidos ul { margin:10px 0;}

.img_parrafo{ width:210px; margin-bottom:10px; float:left;}

/*Cuadro de anexos*/
.anx_img{ float:right; width:220px; margin-bottom:10px; text-align:right; margin-top:20px; font-size:11px;}
.anexos{ text-align:left; width:180px; background-color:#EEE; padding:7px 10px 10px 10px; border:solid 1px #CCC; margin:0 0 8px 20px;}
.anexos b{font:bold 14px Trebuchet MS; color:#09F; display:block; padding-bottom:10px; padding-top:7px;}
.anexos a{ color:#09F; display:block; padding-bottom:7px;}
.anexos .documento{ padding-bottom:6px;}
.anexos .documento a{ padding-bottom:0;}
.anx_img img{ margin-top:15px;}
.anx_img .pie_foto{ width:200px; margin-left:20px; font-size:10px;}
.anx_img h3{ padding:5px 0 0 0; margin:0; border:1px solid #09F; border-width:0 0 1px 0; margin-left:20px;}
.anx_img .final{ border:1px solid #09F; border-width:0 0 1px 0; margin-left:20px; width:200px;}
.final{ clear:both; width:100%; border:none; font-size:1px; height:1px;}
.anx_img .vermas{ color:#09F; padding:8px 0 5px 20px; display:block; text-align:left;}



/*GALERIA*/
.busca_galeria{ display:block; background-color:#EEE; padding:7px; margin-bottom:15px; border:solid 1px #CCC;}
.busca_galeria form{ margin:0; padding:0; text-align:center;}
.busca_galeria input.txt{ font:normal 11px Trebuchet MS; height:17px; vertical-align:middle; margin-left:20px; padding:0;}
.busca_galeria input.boton{ font:normal 11px Trebuchet MS; height:19px; vertical-align:middle; background-color:#6CB10E; border:solid 1px #093; color:#FFF; margin:0; margin-left:20px; padding:0 8px 0 8px;}

div.stream {text-align:center;}
div.stream a.t{ color:#09F; display:block;}
div.stream a img { vertical-align:middle; border:none; _background-image:none !important;}
/* prop up the box for IE */
div.stream span.shadow a i { display:none;  _display:inline-block; width:1px;}
div.stream div.tt-a span.tt-w,
div.stream div.tt-a div.tt-w { display:table-cell; display:inline-block; vertical-align:top; padding:8px 0; width:200px;}
div.stream div.tt-a span.tt-w span.shadow { vertical-align:middle; _line-height:150px; display:inline-block; display:table-cell; width:200px; height:165px;    padding-left:0 !important; padding-right:0 !important; background-repeat:no-repeat; background-position:center;}
/* width consistency for 'fox */
div.stream div.tt-a div.tt-w span.shadow::after,
div.stream div.tt-a span.tt-w span.shadow::after { display:none; display:-moz-inline-block; content:" "; width:200px; height:1px; overflow:hidden;}
div.stream div.tt-a { display:inline; zoom:1;}
/* 'fox collections line-up bug */
div.stream div.tt-w:not(:-moz-any-link)::after {display:inline-block;  width:200px; content:" "; width:200px; height:1px; overflow:hidden;}
div.stream div.tt-a:not(:-moz-any-link) { display:inline-block; width:200px;}

.contenidos2{ width:610px; margin:0 auto; padding:10px 0 10px 0; text-align:left; padding:0 50px 0 260px;  font:normal 11px Trebuchet MS; color:#444; min-width:100px;}

.busca_galeria ul{ margin:0 0 0 10px; padding:5px 0 0 0; list-style-type:square;}
.busca_galeria ul li{ float:left; width:270px; margin-left:15px; padding: 0 0 5px 0}
.busca_galeria ul a{ font:bold 11px Arial; text-decoration:none; color:#60A000;}
.busca_galeria ul a:hover{ color:#09F;}
.busca_galeria ul{ font:bold 11px Arial; color:#09F;}

.contenidos form table td{ padding:10px 10px 0 10px;}
.contenidos form{ padding:0; margin:0;}
.contenidos form input{ font-size:10px;}
.contenidos form textarea{ width:400px; font:normal 11px Arial;}
.contenidos form select{ font-size:11px;}
.contenidos form .boton{ background-color:#09F; border:solid 1px #06C; color:#FFF; }

/*mapadelsitio*/
.ulverde{ width:49%; float:left; margin:10px 0 0 0; padding:0; font:bold 14px Trebuchet MS; list-style-type:none; color:#6B0; display:block;}
.ulverde ul li{ color:#675; font:bold 12px Trebuchet MS;}
.ulverde ul { margin:10px 0 0 0; padding:0 0 0 20px; color:#6B0;}
.ulverde a{ color:#6B0; text-decoration:none;}
.ulverde li li a{ color:#675; }
.ulverde li li li a{ color:#666; }
.ulverde li li ul, .ulazul li li ul{ margin:0 0 0 15px; padding:0; font: normal 11px Trebuchet MS;}
.ulverde li li li, .ulazul li li li{ margin:0; padding:0; font: normal 11px Trebuchet MS;}

.ulazul{ width:49%; float:left; margin:10px 0 0 0; display:block; padding:0 0 0 10px; font:bold 14px Trebuchet MS; list-style-type:none; color:#09E;}
.ulazul ul li{ color:#578; font:bold 12px Trebuchet MS;}
.ulazul ul { margin:10px 0 0 0; padding:0 0 0 20px;}
.ulazul a{ color:#09E; text-decoration:none;}
.ulazul li li a{ color:#578; }
.ulazul li li li a{ color:#666; }
.ulazul a:hover, .ulverde a:hover{ text-decoration:underline;}

