/*  

Resset CSS by Adclik™  

*/

@font-face {
	font-family: 'VAGRoundedThin';
	src: url('type/vagrounded-thin-webfont.eot');
	src: local('☺'),
	url('type/vagrounded-thin-webfont.woff') format('woff'),
	url('type/vagrounded-thin-webfont.ttf') format('truetype'),
	url('type/vagrounded-thin-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


* {
	font-family:Helvetica, Arial, Helvetica, sans-serif; /*fuente por defecto*/
	margin:0;
	font-size:12px;
	line-height:16px;
}    

body { background:url(../img/fondo.png) repeat-x; color:#334036;}

#clear {clear: both;} .left{float:left;} .right{float:right;}

a img {border: none; text-decoration: none;}

a, a:link, a:visited {
    outline:0;
	color: #0066CC; /*color link por defecto*/
	text-decoration:none;}

a:hover, a:active {
    outline:0;
	color:#7f9fa8; /*color link por defecto*/
	text-decoration: underline;}


.textsha1 {text-shadow: 1px 1px 1px #fff;
		-webkit-text-shadow: 1px 1px 1px #fff;
		-moz-text-shadow: 1px 1px 1px #fff;
		}

.textsha2 {text-shadow: 1px 1px 1px #223;
		-webkit-text-shadow: 1px 1px 1px #223;
		-moz-text-shadow: 1px 1px 1px #223;
		}

		.roundedbottom {
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		}
		.roundedtop {
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		}
		

h3.vag { font-family: "VAGRoundedThin", Arial, serif; }

/*Colores

#006363   -Verde oscuro
#2da2a2   -Verde claro
#334036   -Texto comun
#ffaa00   -Naranja
#e4e9ed   -Gris claro
#a0a0a7   -Gris oscuro

*/

/*Estructura*/

.headContent { background:  #FFFFFF;}
.headContent .head { width:960px; margin:auto;}
.headContent .head .news { padding:25px 0px; color:#999999;}

.content { }

.content .tituloContent { width:970px; margin:auto;}

.content .tituloContent .titulox { padding-top:24px; padding-left:10px;}
.content .tituloContent .titulox h1 { font-size:24px; font-weight:normal; color:#133f3f; font-family:"VAGRoundedThin", Arial, serif;text-shadow: 1px 1px 1px #fff;
		-webkit-text-shadow: 0.5px 0.5px 0px #DDD;
		-moz-text-shadow: 0.5px 0.5px 0px #DDD;}

.content .tituloContent .Fder { height:70px; width:5px; background:url(../img/Fizq.jpg) no-repeat;}
.content .tituloContent .Fcen { height:70px; width:960px; background:url(../img/Fcen.jpg) repeat-x;}
.content .tituloContent .Fizq { height:70px; width:5px; background:url(../img/Fder.jpg) no-repeat;}

.content .box {width:960px; padding:15px 0px 10px 0px; margin:auto; background: url(../img/fondoBox.png) top repeat-x; border-bottom:#b7bec4 1px solid; border-left:#b7bec4 1px solid; border-right:#b7bec4 1px solid;}

.content .boxInterno {width:960px; padding:15px 0px 10px 0px; margin:auto; background: url(../img/fondoBox.png) repeat-x; background-position: -1px; border-bottom:#b7bec4 1px solid; border-left:#b7bec4 1px solid; border-right:#b7bec4 1px solid;}


.cuadroround { -webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		
	 padding:8px; margin:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; width:133px;}

.content .banner { padding: 0px 10px; }

.destContent { margin-top:10px; padding-top:20px; background: #e4e9ed url(../img/fondo-pie.png) repeat-x;}
.destContent .destacado { width:300px; padding:0px 9px 0px 10px; float:left;}

.destContent .destacado h2 { padding:0px 0px 4px 0px; font-family:VAGRoundedThin, Arial, Helvetica, sans-serif; color:#006363; font-size:15px; font-weight:normal;}
.destContent .destacado p { padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;}
.go { list-style-image: url(../img/item1.png); margin: 5px 0px 5px 0px; padding:5px 0px 0px 20px;}
.go li { padding:0px 0px 0px 0px; margin:0px;}
.go li a { font-size:12px; color:#333333; text-decoration:none; padding:0px; margin:0px 0px 0px 0px;}

.contInterno {  padding: 5px 10px 15px 10px;}
.contInterno h2 {  padding: 5px 0px 20px 0px; font-family:VAGRoundedThin, Arial, Helvetica, sans-serif; font-weight:normal; line-height:22px; color:#4b4b4b; font-size:18px;}
.contInterno h3 {  padding: 25px 0px 5px 0px; font-family:VAGRoundedThin, Arial, Helvetica, sans-serif; font-weight:normal; line-height:20px; color:#006363; font-size:16px;}
.contInterno p {  padding: 0px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:16px; color:#4b4b4b; font-size:12px;}
.contInterno .coluizq { width:460px; padding:0px 10px 0px 0px;}
.contInterno .coluder { width:460px; padding:0px 0px 0px 10px;}


.pieContent { background:url(../img/pie.png) no-repeat; height:35px; width:944px; margin:auto; padding:8px; font-size:10px;}
.pieContent .pie { color:#a0a0a7; font-size:10px; }

.pieContent .pie div a { padding:0px 0px 0px 13px; color:#666; font-size:10px;}

/*  Botonera  */

.botoneraContent { background:#333333 url(../img/fondo_botonera.png) repeat-x;}
.botoneraContent .botonera { width:940px; margin:auto;}

 #navMenu {
	margin:0; 
	padding:0;
	list-style:none;	
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:20px;
}

	#navMenu li {
		float:left;	
		background:url(../img/bot_normal.png) no-repeat center center;	
		width:133px;							
		height:40px;
		position:relative;		
	}

	#navMenu li a {
		z-index:20;		
		display:block;	
		height:16px;
		position:relative;
		color:#fff;
		padding:12px 0px;
		font-size:12px;
		text-shadow: 1px 1px 2px #223;
		-webkit-text-shadow: 1px 1px 2px #223;
		-moz-text-shadow: 1px 1px 2px #223;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		font-weight:bold;
	}

 	#navMenu li .hover {
		background:url(../img/bot_over.png) no-repeat center center;		
		position:absolute;	
		width:133px;	
		height:40px;
		left:0; 
		top:0;	
		z-index:0;		
		display:none;
	}	

	#navMenu li.active {
		background:url(../img/bot_over.png) no-repeat center center;
	}
