/* CSS Document */

body{
	padding:0; margin:0;
	background-color:#FFCC00; 
	color:#000000;
	background-image:url(images/header_bg.jpg); background-repeat:repeat-x;
	}
	
div, p, ul, li, a, h1, h2, h3, h4, form, label, input{ 
	padding:0; margin:0;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}	
	
img, a{
	border: 0;
}

/*---------------------------------------Header Start------------------------------------*/
	
#header{
	width:778px; position:relative;
	margin:0 auto;
	height:240px;
	}

#header ul{
	position:absolute;
	left:0px; top:0px;	
	list-style:none;
	}
	
#header ul li{
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;font-weight:bold;
	color:#555; background:url(images/header_nav_bg.gif) repeat-x 0 0 #CCCCCC; 
	text-align:center;
	}
	
#header ul li a{
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
	color:#555; background:url(images/header_nav_bg.gif) repeat-x 0 0 #CCCCCC; 
	width:86px; height:23px; padding-top:34px;
	text-decoration:none; display:block;
	}
	
#header ul li a:hover{
	background:url(images/nav_bg.jpg) repeat-x 0 0 #E1ECB5;
	color:#555;
	height:23px; width:86px;
	}
#header .cabecera{
	padding-top:60px;
}
	
.logo{
	position:absolute;
	top:75px;
	left:250px;
	height: 143px;
	}
	
#header h2{
	background:url(images/punch_line.jpg) no-repeat;
	width:219px; height:18px;
	position:absolute;
	top:159px; left:16px;
	text-indent:-2000px;
	}

/*---------------------------------------Header End------------------------------------*/

/*----------------------------------left side Start-----------------------------------------------------*/	

#container{
	width:781px; position:relative;
	margin:10px auto;
	}	

#title{
	height:23px;
	background:url(images/buttons.png) no-repeat top left #aaa;
	padding-left:40px;
	padding-top:5px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:10px;
	margin-bottom:5px;
}
#title .submenu{
	padding-left:305px;
	text-align:right;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
}
#title .submenu a{
	color:#000;
	text-decoration:none;
}
#title .submenu a:hover{
	text-decoration:underline;
	color:#555;
}

#blackbox1{
	background-color:#333;
	height:30px;
	padding-top:20px;
}
#blackbox2{
	background-color:#333;
	height:10px;
}
	
#box{
	height:485px;
	float:left;
}

#banner{
	border:#CCC solid 0px;
	margin:5px 3px 7px 3px;
	float:left; color:#000000;
	height:230px; width:250px;
 }

/* */
#caja{
 	background-color:#FFFFFF;
	border:#CCC solid 1px;
	width:215px; 
	margin:5px 3px 7px 3px;
	float:left; color:#000000;
	padding:9px 20px 0 16px;
 }
#caja h2{
	height:45px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px; color:#5C6731; line-height:40px;
}

#caja h2 span{
	width:82px; display:block;  
	float:left; color:#5C6731; 
	padding-right:10px;
}
	
#caja h2 span.no{
	width:40px;
	height:40px;
}
#caja .img_caja{
	border:#CCC solid 1px;
	padding:3px;
	margin:3px;
	float:left;
	background-color:#fff;
	margin-bottom:50px;
}
#caja p{
	clear:both;
	height:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px; color:#fff; font-weight:bold;
	text-align:right;
	margin-top:20px;
}

#caja p a{
	text-align:left;
	display:block; 
	background-image:url(images/blog_arrow.gif);
	background-repeat:no-repeat; background-position:48px;
	padding:0 0 0 13px; line-height:10px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
	}
#caja p a:hover{
	background-image:url(images/blog_arrow_h.gif);
}

#caja p.verde{ background-color:#86C826; }	
#caja p.verde a{ background-color:#477406; }	
#caja p.verde a:hover{ background-color:#D0EEA5; color:#477406; }	

#caja p.azul{ background-color:#4F91D5; }	
#caja p.azul a{ background-color:#174880; }	
#caja p.azul a:hover{ background-color:#CBE0F9; color:#17487B; }	

#caja p.naranja{ background-color:#E3C55B; }	
#caja p.naranja a{ background-color:#8F7004; }	
#caja p.naranja a:hover{ background-color:#F4E5B2; color:#8F7004; }	

#caja p.rosa{ background-color:#D68DBC }	
#caja p.rosa a{ background-color:#AD3F86; }	
#caja p.rosa a:hover{ background-color:#F2DBEA; color:#AD3F86; }	

#caja p.rojo{ background-color:#FF6F6F }	
#caja p.rojo a{ background-color:#c40000; }	
#caja p.rojo a:hover{ background-color:#FFD2D2; color:#c40000; }	
/* */	

/* para barra lateral */
#caja2{
 	background-color:#FFFFFF;
	border:#CCC solid 1px;
	width:215px; 
	margin:5px 3px 7px 3px;
	float:left; color:#000000;
	padding:9px 20px 0 16px;
 }
#caja2 h2{
	height:45px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px; color:#5C6731; line-height:40px;
}
#caja2 h2 span{
	width:82px; display:block;  
	float:left; color:#5C6731; 
	padding-right:10px;
}	
#caja2 h2 span.no{
	width:40px;
	height:40px;
}
#caja2 .img_caja2{
	border:#CCC solid 1px;
	padding:3px;
	margin:3px;
	float:left;
	background-color:#fff;
	margin-bottom:40px;
}
#caja2 .img_caja1{
	border:#CCC solid 1px;
	padding:3px;
	margin:3px;
	float:left;
	background-color:#fff;
	margin-bottom:0px;
}
#caja2 p{
	clear:both;
	height:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px; color:#fff; font-weight:bold;
	text-align:right;
}
#caja2 p a{
	text-align:left;
	display:block; 
	background-image:url(images/blog_arrow.gif);
	background-repeat:no-repeat; background-position:48px;
	padding:0 0 0 13px; line-height:10px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
	}
#caja2 p a:hover{
	background-image:url(images/blog_arrow_h.gif);
}

#caja2 p.verde{ background-color:#86C826; }	
#caja2 p.verde a{ background-color:#477406; }	
#caja2 p.verde a:hover{ background-color:#D0EEA5; color:#477406; }	

#caja2 p.azul{ background-color:#4F91D5; }	
#caja2 p.azul a{ background-color:#174880; }	
#caja2 p.azul a:hover{ background-color:#CBE0F9; color:#17487B; }	

#caja2 p.naranja{ background-color:#E3C55B; }	
#caja2 p.naranja a{ background-color:#8F7004; }	
#caja2 p.naranja a:hover{ background-color:#F4E5B2; color:#8F7004; }	

#caja2 p.rosa{ background-color:#D68DBC }	
#caja2 p.rosa a{ background-color:#AD3F86; }	
#caja2 p.rosa a:hover{ background-color:#F2DBEA; color:#AD3F86; }	

#caja2 p.rojo{ background-color:#FF6F6F }	
#caja2 p.rojo a{ background-color:#c40000; }	
#caja2 p.rojo a:hover{ background-color:#FFD2D2; color:#c40000; }	
/*  para barra lateral*/	

ul.box{
	margin-bottom:15px; padding-left:10px;
	list-style:none;
	height:55px;
	margin-left:0;
	}
	
ul.box li{
	line-height:20px; 
	/*background-image:url(images/list_icon.jpg); background-repeat:no-repeat;*/
	background-position:0px 5px; 
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color:#1F3400;
	padding-left:15px;
	}
	
ul.box li a{
	line-height:20px; 
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color:#1F3400; text-decoration:none;
	}
	
ul.box li a:hover{
	background-color:#fff8c4; color:#1F3400;
	}
	
#left{
	float:left;
	width:780px;
	padding:19px 32px 0 0px;
	}

#left h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px; color:#043970;
	margin-bottom:19px;
	}
	
#left p{
	font-family:Arial, Helvetica, sans-serif; font-size:16px;
	line-height:25px;
	text-align:justify;
	color:#334714;
	}

#left p.bg{
	margin:21px 0 34px 0;
	background-color:#fff190; color:#334714;
	height:11px;
	}
	
#left p a.bottom{
	background:#657D40;
	background-image:url(images/read_arrow.gif);
	background-repeat:no-repeat;
	background-position:80px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px; color:#FFFFFF;
	text-decoration:none;
	line-height:11px;
	display:block;
	padding:0 20px 0 16px;
	float:right;
	text-transform:uppercase;
	font-weight:bold;	
	}
#left p a.bottom:hover{
	background-color:#D8E5C4; color:#657D40; background-image:url(images/blog_arrow_h.gif);
	}
	
#left img{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:24px;

	}
	
#left ul{
	margin:0; padding:0;
	}

#left ul li{
	list-style:none;
	background:url(images/leaf.gif) no-repeat ;
	}
	
#left ul li a{
	background:url(images/leaf.gif) no-repeat #fffcea;;
	font-family:Arial, Helvetica, sans-serif;
	color:#775C14; font-size:14px;
	line-height:18px; text-decoration:none;
	font-weight:bold; text-transform:uppercase;
	padding-left:20px; 
	}
	
#left ul li a:hover{
	color:#990000; background-color:#DCEBC4;
	}
	
/*----------------------------------left side End-----------------------------------------------------*/	

/*----------------------------------footer Start-----------------------------------------------------*/	

#footer{
	background:url(images/footer_bg.gif) 0 0 #333333;
	background-repeat:repeat-x; position:relative;

	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fffcea;
	height:120px;
	padding:20px 0 0 0;
	}

	
#footer ul.nav{
	margin:0 auto; padding:0;
	width:230px;	
	}
	
#footer ul.nav li{
	list-style:none;
	float:left;text-align:center;
	}
	
#footer ul.nav li a{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;color:#fffcea; 
	background-color:#333333;
	padding:0 5px;
	text-decoration:none;
	}

#footer ul.nav li a:hover{
	color:#fffcea;
	background-color:#999999;
	}

#footer p{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px; color:#fffcea;
	background-color:#333333;	
	line-height:29px;
	text-align:center;
	}
	
#footer ul.box1{
	margin:0 auto; padding:0;
	width:120px;
	}
	
#footer ul.box1 li{
	list-style:none;
	margin-right:1px; padding:0 5px 0 0; 
	background-color:#333333; color:#fffcea;
	float:left;
	}   
	
#footer ul.box1 li a{
	background:url(images/footer_arrow.gif) no-repeat right 4px;
	background-color:#333333; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold;
	color:#fffcea;
	text-align:left; padding:0 10px 0 8px;
	display:block;
	line-height:15px;
	text-decoration:none;
	}
	
	
#footer p.design {
	margin:5px auto 0 auto;
	background-color:#333333; width:150px;
	font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; 
	color:#fffcea; text-decoration:none;
	width:430px;	
	}


#footer p.design a {
	background-color:#333333;
	font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; 
	color:#fffcea; text-decoration:none;
	}
	
#footer p.design a:hover{
	background-color:#999999;
	color:#000000;
	}
	

/*----------------------------------footer End-----------------------------------------------------*/	


#listado{
	text-align:justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:15px;
}
#listado h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px; color:#043970; line-height:40px;
	padding-bottom:10px;
}
#listado a{
	color:#333;
	text-decoration:none;
}
#listado a:hover{
	color:#555;
	text-decoration:underline;
}
#listado .titulo{
	font-size:25px; color:#333; 
}
#listado .item{
	width: 97%;
	height:115px;
	font-size:20px; color:#333; 
	border-bottom:#fff solid 1px;
}
#listado .img_listado{
	border:#CCC solid 1px;
	padding:3px;
	margin:3px;
	float:left;
	background-color:#fff;
	width: 70px;
	height:100px;
}

#listado p{
	font-family:Arial, Helvetica, sans-serif; font-size:16px;
	line-height:25px;
	text-align:justify;
	color:#334714;
	padding-right:10px;
}
/* Mapa web */
#mapa{
	text-align:justify;
	font:normal 11px" Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:19px 32px 0 0px;
}

#mapa h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px; color:#043970;
	margin-bottom:19px;
}
#mapa ul{
	list-style-type:none;
	padding:0px;
	padding-left:20px;
}
#mapa ul li{
	padding:1px;

}
#mapa ul li a{
	font:normal 15px"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333;
	width:300px;
}
#mapa ul li a:hover{
	font:normal 15px"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555;
	text-decoration:underline;
}
#mapa .idioma{
	font:normal 20px"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #043970;
}
/* sLOGANES */
#slogan{
	padding-top:25px;
	padding-right:30px;
	display:block;
	width:195px;
	height:80px;
	position:absolute;
	left:178px;
	top:130px;
	font:italic 11px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background: transparent url(./images/back_slogan.gif) no-repeat bottom left;
}
#slogan strong{
	color:#FFCC00;
}


/*------------------------------------------------paginacion--------------------*/
.nav { padding: 5px; text-align:center; font-size:80%;}
.nav a { padding: 0 5px; text-decoration:none; }
.nav a.highlight { color: #CC6601; font-weight: bold; }	
/*------------------------------------------------paginacion--------------------*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

a.thickbox {
	font:bold 14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006699;
	text-decoration:none;
	width:400px;
	text-align:left;
}
a:hover.thickbox {
	color: #6598CD;
	text-decoration:none;
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}