@charset "utf-8";
/* CSS Document */

/*GENERALES*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.body{
	background: url(../img/bg.png) repeat-x #003060;
	color:#4b4b4b;
	font-family: 'Signika', sans-serif;
	font-size:16px;
	line-height: 20px;
}
	
p{
	font-family: 'Signika', sans-serif;
	font-size:16px;
	line-height:26px;
	margin-bottom:10px;
}

h1{	color:#003e7b;
	font-size:30px;
	font-weight:600;
	margin-bottom:20px;
}

h2{
	color:#4b4b4b;
	font-size:20px;
	font-weight:600;
	line-height:30px;
}

h3{
	color:#003e7b;
	font-size:20px;
	font-weight:600;
	line-height:30px;
}

h4{
	color:#003e7b;
	font-size:18px;
	font-weight:600;
	line-height:25px;
}


a{
outline:none;}



.clear{
	clear:both;}

.cabezal{
	background: url(../img/circulitos.png) no-repeat left;
	height:162px;
	width:1021px;
	margin:0 auto;
	position:absolute;
	right:50%;
}

.logo{
	width:970px;
	height: 311px;
	margin:0 auto;
	text-align:right;
	z-index:1;
	position:relative;
	
}

.logo img{
	margin-right:-125px;
}

.site{
	z-index:2;
	width:910px;
	margin:-110px auto 0;
	min-height:430px;
	padding:0 30px;
	position:relative;
}

.menu{
	float:left;
	background:url(../img/menu_lat.png) no-repeat top;
	width:183px;
	min-height:430px;
	margin-top:50px;
	padding-right:80px;
	text-align:right;
	font-size:16px;
	color:#fff;
}

.menu li{
	padding-bottom:20px;
	list-style:none;
}

.menu li a:link, .menu li a:visited{
	color:#fff;
	text-decoration:none;
}

.menu li a:hover, .menu li a:active, .activo{
	color:#ffcc00 !important;

}

.deshabilitado{
color:rgba(255,255,255,0.4)!important;
}

.contenido{
	background:#f1f1f1;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	min-height:430px;
	width:575px;
	padding:60px 35px 35px;
	float:right;
}

.foto_fondo{

	background:url(../img/organizacion.jpg) no-repeat right top;

}

.right{
float:right;
}
.left{
float:left;
}



.celda_todo{width:460px;height:50px;float:left;margin-bottom:5px;}

.celda_texto{width:90px;margin-top:10px;height:auto;float:left;}

.celda_campo{width:290px; height:30px; float:left; padding-left:10px; font-size:15px; color:#858585; box-shadow: 0 0 2px 2px #ddddde inset !important;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	border:1px solid #c3c3c3;	behavior: url(/css/PIE.htc);}
.celda_campo:hover{	color:#666;box-shadow: 0 0 2px 2px #ddddde inset !important; border:1px solid #666;	behavior: url(/css/PIE.htc);}
.celda_campo:focus{	color:#000;box-shadow: 0 0 2px 2px #ddddde inset !important; border:1px solid #000;	behavior: url(/css/PIE.htc);}
.celda_mensaje{width:290px;height:90px;float:left;padding-left:10px;font-size:15px; color:#858585;box-shadow: 0 0 2px 2px #ddddde inset !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid #c3c3c3;behavior: url(/css/PIE.htc);}
.celda_mensaje:hover{color:#666;border:1px solid #666;behavior: url(/css/PIE.htc);}

.celda_todo_mensaje{float:left; width:420px;}

input.err-msg { border: 1px solid #D00; }
textarea.err-msg { border: 1px solid #D00; }

.btn_enviar:link, .btn_enviar:visited, .btn_enviar:active {
display:block;
background:#00519e;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
width:83px;
height:28px;
color:#fff;
text-decoration:none;
text-align:center;
padding-top:8px;
font-size:18px;
margin-top:10px;
}

.btn_enviar:hover{
color:#ffcc00;
background:#1e6ab3;

}

.vinculos a:link, .vinculos  a:visited, .vinculos  a:active{
	display:block;
	color:#4b4b4b;
	font-size:18px;
	font-weight:300;
	margin-bottom:30px;
	text-decoration:none;
}

.vinculos  a:hover{
	display:block;
	color:#003e7b;
	text-decoration:underline;
}

.imagen_link{
float:left;
margin-right:10px;}


.noticia{
margin-bottom: 15px;
border-bottom:dotted 1px #ccc;
padding-bottom:5px;
}

.noticia .fotos{
margin-right:15px;
float:left;
width:120px;
}

.noticia img{
width:120px;
margin-bottom:15px;}

a.ver_mas:link, a.ver_mas:visited, a.ver_mas:active{
color:#003e7b;
text-decoration:none;
}
a.ver_mas:hover{
text-decoration:underline;
}


.fancybox img{width:120px;
margin:0 0px 15px 0}