/*  Reset
----------------------------------------------------*/
:link, :visited { text-decoration: none; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
fieldset { border: none; }
a img, :link img, :visited img { border: none; }
address { font-style: normal; }
a { outline: none; }

/*  Font-face - Generated by Font Squirrel
----------------------------------------------------*/
@font-face {
	font-family: 'AdobeCaslonProSemiboldItalic';
	src: url('../fonts/acaslonpro-semibolditalic-webfont.eot');
	src: local('?'), url('../fonts/acaslonpro-semibolditalic-webfont.woff') format('woff'), url('../fonts/acaslonpro-semibolditalic-webfont.ttf') format('truetype'), url('../fonts/acaslonpro-semibolditalic-webfont.svg#webfontoAoPjDnx') format('svg');
	font-weight: normal;
	font-style: normal;
}
            
/* Layout
----------------------------------------------- */
body {
	text-align: center;
	background-color: #FFFFFF;	
}
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*br.limpiar*/
     
/*----- Comun -----*/
#global-container { margin: 0 auto; background: url(../img/global_bg.png) repeat-x top;}
#header-container,#content-container,#footer-container { text-align: left;}
.C2 .C { float: left; width: 45%; margin: 2%;}
/*----- Header -----*/
#header-container{}
#date {
	width: 960px; 
	margin: 0 auto;
	text-align: right;
	color: #FFF;
	height: 25px;
	padding-top: 3px;
	padding-right: 30px;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#header { width: 960px; margin: 0 auto;height: 100px; } 
#header h1 {float: left; margin: 10px 0 0 30px ;}
#header h1 a {
	display: block;	
	width: 280px; 
	height: 87px;
	background: url(../img/logo.png);
	text-indent: -9999px;
}
/*----- Navigation -----*/
#nav-up ul{
	float: right;
	color: #FFF;
	list-style: none;
	margin-top: 67px;
}
#nav-up li {
	float: left;
	font: bold 15px "Times New Roman", Times, serif;
	padding: 5px;
	margin-right: 10px;
	background-color: #0A4B8C;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
}
#nav-up li a {	text-decoration: none;	color: #FFF;}
#nav-up li a:hover,#nav-up a.active {color:  #009EC5;}

#nav-down{	width: 100%;	clear: both;}
#nav-down ul{
	float:left;
	color: #FFF;
	list-style: none;
	margin-top: 1px;
}
#nav-down li {
	float: left;
	font: bold 15px "Times New Roman", Times, serif;
	padding: 5px;
	margin-left: 10px;
	background-color:#009EC5; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-bottom-left-radius:5px;
	-khtml-border-bottom-right-radius:5px;
}
#nav-down li a {	text-decoration: none;	color: #FFF;}
#nav-down li a:hover,#nav-down a.active {color:  #0A4B8C;}

/*----- Content -----*/
#content-container {margin: 40px 0 20px 0;}
#content { width: 960px; margin: 0 auto;}
#full-content {font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; width: 960px; margin: 0 auto;}
#primary-content {
	width: 650px;
	float: left;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
#primary-sidebar { width: 270px; float: right;}

.sidebar-nav { margin-right: 20px; margin-bottom: 20px; clear:both;}
.sidebar-nav .title{
	font: italic bold 18px "Adobe Caslon Pro Bold", "Times New Roman", Times, serif;
	padding: 3px 5px;
	background-color: #0A4B8C;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.sidebar-nav .title a{color: #FFF;}

.sidebar-nav ul,.sidebar-nav ol{
	border-left: 1px solid #E4E4E4;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 15px;
	padding-left: 5px;
}
.sidebar-nav li{
	line-height: 25px;
	list-style-position: inside;
}
/*----- Foteer -----*/
#footer-container {border-top: 11px solid #0A4B8C;}
#footer {
	background-color: #009EC5;
	border-top: 3px solid #FFF;	
}
#copy {
	width: 960px; 
	margin: 0 auto;
	padding: 7px 0;
	text-align: center;
	color: #FFF;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#footer a{color: #FFF;}
#footer a:hover{ text-decoration: underline;}



/* Headers, links,...
----------------------------------------------------*/
a { text-decoration: none; }
a:link,a:visited {color: #F90;}
a:hover { text-decoration: underline;}
hr {
	border: 0;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	margin: 0 0 20px 0;
 }
h2,h3,h4,h5,h6{font-family: 'AdobeCaslonProSemiboldItalic', "Times New Roman", Times, serif;}
h2{
	font-size: 24px;
	font-weight: bold;
	color: #000;
	line-height: 35px;
	margin: 10px 0;
	border-bottom: 1px solid #E4E4E4;
}
h2 a:link,h2 a:visited {color: #000;}
h3{
	font-size: 20px;
	color: #0A4B8C;
	line-height:25px;
	margin: 5px 0;
}
h3 a:link,h3 a:visited {color: #0A4B8C;}
h4{
	font-size: 18px;
	color: #000;
	line-height:20px;
	margin: 4px 0;
}
h5{
	font-size: 15px;
	color: #000;
	line-height:20px;
	margin: 3px 0;
}
h6{
	font-size: 12px;
	color: #000;
	line-height:20px;
	margin: 3px 0;
}
p {margin: 10px 0; line-height: 20px;}

/*----- Classes -----*/

/*  Images
----------------------------------------------------*/
img.right,img.left, img.block{
	margin: 5px;
	padding: 3px;
	border: 1px solid #CCC;
}
img.left{ float: left; }
img.right{ float: right; }

/* Lists
----------------------------------------------------*/
ul,ol { list-style-position: inside; }

#primary-content ul,#full-content ul,#primary-content ol,#full-content ol{
	margin: 0 10px; 
}
#primary-content li,#full-content li{
	margin: 10px; 
	line-height: 20px;
	list-style: circle;
}

/*  Tablas
----------------------------------------------------*/ 

table{
	font-size: 1.0em;
	border: 1px solid #A9EAFE;
}
table th{
	color: #02759A;
	text-align: right;
	width: 25%;
	border-right: 1px solid #E1F8FF;
}
table td{
	border-bottom: 1px solid #E1F8FF;
}
table tr.principal th {
	background-color: #00B2EA;
	color: White;
}

/*  Forms
----------------------------------------------------*/
.buttons {
	clear: both;
	text-align:center;
	margin: 3%;
	border: 0;
} 
button,.buttons input {
	cursor:pointer;	
	background-color: #0A4B8C;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
}
fieldset {
	margin-top: 15px;
	margin-bottom: 5px;
	border: 1px solid #DEDEDE;
	padding: 3px;
}
legend {
	text-align: left;
	padding: 5px;
	font-weight: bold;
	color: #0A4B8C;
	margin-bottom: 10px;
}
label {
	font: bold 120% Arial, Helvetica, sans-serif;
  	color: #000;
	margin: 5px;
	width: 30%;
	text-align: right;
	float: left;
}
input,select,textarea{
	padding: 5px 3px;
	background-color:  #FFF;
	border: 1px solid #0A4B8C;
	margin: 5px;
}

/*----- Form validation -----*/
label.error { color: red; padding-left: 5px;font-size:11px;float:none;}
input.error,select.error,textarea.error { border:1px solid red; }

/*  Slideshow
----------------------------------------------------*/
#primary-content ul.slideshow,#full-content ul.slideshow {margin: 0px;margin-left: 40px;}
#primary-content .slideshow li,#full-content .slideshow li {
	margin: 0px; 
	line-height: auto;
	list-style: none;
}
.sidebar-nav ul.slideshow {
	border-left: 0px;	
	margin-left: 40px;
	padding-left: 0px;
}
.sidebar-nav .slideshow li{
	line-height: auto;
	list-style: none;
}
.slideshow { display: block;width: 152px; height: 108px;} 
.slideshow img{ display: block;width: 150px; height: 106px;border: 1px solid #ccc;} 

/*  Novedades y documentos
----------------------------------------------------*/

.resumen{
	width: 100%;
	clear:both;
	border-bottom: 25px solid #FFF;
}
.C .resumen { height: 150px;}
.resumen .content {padding: 0 3px;line-height: 20px;text-align: justify;}

.resumen .data{
	font-style: italic;
	color: #666;
	margin: 0;
	padding: 3px;
}
.resumen .thumb{ 
	float: left; 
	margin: 5px;
	padding: 3px;
	border: 1px solid #CCC;
}
.resumen ul.galeria{ width: 100%;}
.resumen  .galeria li{
	margin: 5px;
	padding: 3px;
	border: 1px solid #CCC;
	float: left; 
}
#primary-content .resumen  .galeria li,#full-content.resumen  .galeria li{ list-style: none;}

.prev-next,.info-prev-next { text-align: center; clear:both;}
.prev-next a {font-weight: bold; }
.nav-inside{float: right; clear:both;}


/*  Message Boxes for different message types
----------------------------------------------------*/
.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
}

div.info,div.help, div.success, div.warning, div.error, div.forbidden, div.validation {
	border: 1px solid;
	padding:5px 3px 5px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {color: #00529B;}
.info a{color: #00529B; text-decoration:underline;}
div.info {
	background-color: #BDE5F8;
	background-image: url('../img/status/info.png');
}
.help {color: #00529B;}
.help a{color: #00529B; text-decoration:underline;}
div.help {
	background-color: #BDE5F8;
	background-image: url('../img/status/help.png');
}
.success {color: #4F8A10;}
.success a{color: #4F8A10; text-decoration:underline;}
div.success {
	background-color: #DFF2BF;
	background-image:url('../img/status/success.png');
}
.warning {color: #9F6000;}
.warning a{color: #9F6000; text-decoration:underline;}
div.warning {
	background-color: #FEEFB3;
	background-image: url('../img/status/warning.png');
}
.error {color: #D8000C;}
.error a{color: #D8000C; text-decoration:underline;}
div.error {
	background-color: #FFBABA;
	background-image: url('../img/status/error.png');
}
.forbidden {color: #D8000C;}
.forbidden a{color: #D8000C; text-decoration:underline;}
div.forbidden {
	background-color: #FFBABA;
	background-image: url('../img/status/forbidden.png');
}
div.validation {/*Mirar de adaptar al puging de jquery*/
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../img/status/validation.png');
}
.top-info {
	background: #ffff95;
	padding: 5px;
}
.top-info p{margin:0;text-align: center;}
.top-info a{color:#000; font-weight: bold;}

#overbox {
	background-color:#FFF;
	padding: 10px;
}

/*  Varios
----------------------------------------------------*/
.inline{ display: inline;}
.hide{ display: none;}
.Fright{ float: right; }
.Fleft{ float: left; }
.limpiar { clear: both; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; margin: 0 auto; }
.center table {margin: 0 auto;}
.justify{ text-align: justify; }
