/*  
1996-2009 CyberCenter S.A. Todos los Derechos Reservados.
CSS para proyecto {SAN CLEMENTE - SITIO WEB}               
Media: SCREEN
Autor: Area Web - CyberCenter S.A.         					
Fecha de creacion 22/05/2009                        
Fecha de ultima modificacion: dd/mm/aaaa
Version: 1.0
/*

/* llamado a menu lateral \*/
@import url("style.css");
@import url("lateral.css");
@import url("class.css");

body {
	margin:8px auto 0 auto;
	padding:0;
	text-align:center;
	min-width:980px;
	background:#1D3710 url(../images/fondo.gif) repeat-x;
	font-family: "Arial Narrow";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a img { border:none !important; }
#menu_sec { width:199px; position:absolute; right:-11px; }
#menu_sec_int { width:199px; position:absolute; right:0px; }

a { color:#3B5161; text-decoration:none; }
a:hover { color:#36779F; text-decoration:none; }


/* ESTRUCTURA */
#top { background:url(../images/bg_top.jpg) no-repeat 50% 0; text-align:center; margin:0 auto; height:67px; }
#contenidos { background:url(../images/bg_cont2.jpg) repeat-y 50% 0; width:967px; text-align:center; margin:-25px auto 0 auto; position:relative; }
#contenidos .flash_home { width:960px; height:507px; margin:0 auto; padding:0; }
#estructura_int { background:url(../images/bg_cont2.jpg) repeat-y 50% 0; width:967px; text-align:center; margin:-25px auto 0 auto; position:relative; }
#estructura_int .herramientas_letra { float:right; margin:-20px 5px 0 0; }
#estructura_int .contenido_int { width:967px; margin:0 auto; background-color:#FFF; position:relative; }
/*#estructura_int .lado_izquierdo_top { float:left; width:180px; margin:0; min-height:308px; background:url(../images/bg_menu_lat.jpg) top left no-repeat; }*/
#estructura_int .lado_izquierdo { float:left; width:180px; margin:0; background:url(../images/bg_menu_lat2.jpg) top left no-repeat; }
#estructura_int .lado_izquierdo_footer { float:left; width:180px; height:16px; margin:0; background:url(../images/bg_footer_menu.jpg) top left no-repeat; }

#estructura_int .encabezado_textos { float:left; background:url(../images/bg_top_contenidos.gif) top left no-repeat; width:776px; height:55px; text-align:left; margin:0 0 1px -18px; }
#estructura_int .encabezado_textos h1 { font-family:Arial Narrow, Helvetica, sans-serif; font-size:14px; color:#75A742; margin:0; padding:7px 0 0 30px; display:block; }
#estructura_int .encabezado_textos h1 span { color:#014136; font-size:18px; }

#estructura_int .lado_derecho { float:left; width:758px; min-height:300px; margin:0 0 0 20px; }
#estructura_int .lado_derecho #contenido_textos {
	padding:0 10px 0 10px;
	background:#FFF url(../images/bg_contenidos_int.jpg) top left repeat-x;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	text-align:left;
	font-family:"Trebuchet MS";
	font-size:11px;
}
#estructura_int .lado_derecho #contenido_textos h2 { font-family:Arial Narrow, Helvetica, sans-serif; font-size:20px; color:#D94F01; border-bottom:1px solid #CEE4CD; margin:0; padding:7px 0 0 0; display:block; }


/* NOTICIAS HOME */
#noticias_home { position:relative; text-align:left; margin:-97px 0 0 75px; font-family:"Trebuchet MS", Arial, Tahoma; }
#noticias_home .a,#noticias_home .b,#noticias_home .c { float:left; width:182px; height:110px; background:url(../images/bg_noticias_home.gif) top left no-repeat; margin:0 3px 0 0; padding:5px; }
#noticias_home .a h1,#noticias_home .b h1,#noticias_home .c h1 { color:#74977F; font-weight:bold; font-size:14px; margin:0 0 3px 0; }
#noticias_home div p { color:#A9D2C4; font-size:11px; margin:0; }

#contenidos .direccion { float:left; position:relative; text-align:left; width:240px; padding:0 5px 0 5px;}
#contenidos .direccion p {
	color:#d8ede2;
	font-size:10px;
	font-family: "Trebuchet MS";
}

/* BREADCRUMBS */
#ruta { float:left; width:620px; font-family:"Arial Narrow", Arial, Helvetica; font-size:11px; color:#8D8F8F; padding:0 0 0 30px; margin:5px 0 0 0; }
#ruta .primero { background-image: url(../images/ic_ruta.gif); background-repeat:no-repeat; background-position:left; padding-left:18px; }
#ruta .normal { background-image: url(../images/vine_ruta.gif); background-repeat:no-repeat; background-position:left; padding-left:10px; }
#ruta .ultimo { background-image: url(../images/vine_ruta.gif); background-repeat:no-repeat; background-position:left; padding-left:10px; color:#333; font-weight:bold; }
#ruta a { color:#8D8F8F; text-decoration:none; }
#ruta a:hover { color:#333; text-decoration:none; }
#ruta ul { margin:0px; padding:0px; list-style-type:none; }
#ruta li { float:left; background-image:url(../images/vine_ruta.gif); background-repeat:no-repeat; padding-left:12px; padding-right:3px; }

/* PIE DE PAGINA */
#pie { background:url(../images/bg_footer_home.jpg) no-repeat 50% 0; text-align:center; margin:0 auto; height:132px; width:980px; }
#pie_int { background:url(../images/bg_footer_int.jpg) no-repeat 50% 0; text-align:center; margin:-2px auto 0 auto; height:153px; }


#pie_int a { color:#FFF; text-decoration:none; }
#pie_int a:hover { color:#7AA381; text-decoration:underline; }

#pie_int .herramientas_accesibilidad { padding:25px 480px 0 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#pie_int .herramientas_accesibilidad { padding:30px 480px 0 0; }
}
#pie_int .apoyo { padding:0; margin: 5px 700px 0 0; color:#FFF; font-size:10px; }
#pie_int .botones { padding:0; margin: -20px 100px 0 0; color:#FFF; font-size:10px; }
#pie_int .cybercenter { padding:0; margin:-23px 0 0 730px; color:#7AA381; font-size:10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#pie_int .cybercenter { padding:0; margin:-20px 0 0 730px; color:#7AA381; font-size:10px; }
}
#pie .apoyo2 { float:left; margin:5px 100px 0 20px !important; *margin:30px 100px 0 20px !important; *margin:30px 100px 0 20px; }
#pie .botones2 { float:left; margin:0 240px 0 0 !important; *margin:25px 240px 0 0 !important; *margin:25px 240px 0 0; }
#pie .cybercenter2 { float:left; margin:5px 0 0 0 !important; *margin:30px 0 0 0 !important; *margin:30px 0 0 0; }

#pie a { color:#FFF; text-decoration:none; }
#pie a:hover { color:#7AA381; text-decoration:underline; }


.foto_der { float:right; margin:0 0 5px 5px; }
.foto_izq { float:left; margin:0 5px 5px 0; }

.clear { clear:both; }
.apoyo4 {
	font-size:12px;
	font-weight: bold;
	margin: 0px;
}