/* =============================================================================
   redefiniendo HTML5
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /*unifica entre navegadores con o sin el html5 parser*/
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /*unifica entre navegadores con o sin el html5 parser*/
audio:not([controls]) { display: none; } /*esconde los controles de audio "que no poseen controles" para los navegadores que los colocan*/
[hidden] { display: none; } /*crea el atributo para navegadores que no lo tienen*/
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Unifica los tamaños de fuentes que funcionan mal en IE6/7 cuando se utiliza EM como tamaño de fuente
 * 2. Previene que el tamaño del texto en iOS se reajuste al cambiar de orientacion, sin desactivar el zoom
 */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 80%; line-height: 1.4; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
/*
 * Remueve el text-shadow en una seleccion con highlight
 */
::-moz-selection { background: #79a3d0; color: #fff; text-shadow: none; }
::selection { background: #79a3d0; color: #fff; text-shadow: none; }
::-webkit-selection{ background: #79a3d0; color: #fff; text-shadow: none; }
/*INICIALES*/
body{
	background:#fff url(../img/bkgsite.png);
	padding: 0;
}
nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
/***********************************************************************************/
/***********************************************************************************/



/*LAYOUT*/
#Sitio{
	width: 995px;
	background-color: #fefefe;
	background-image: url(../img/bkgpage01.png), url(../img/bkgpage02.png);
	background-position:left top, right top;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
}
	#CabeceraIndex{
		display: inline-block;
		height: 480px;
	}
		#CabeceraIndex h1{
			width: 195px;
			height:195px;
			background: url(../img/bkgmaintitle.png) no-repeat center center;
			text-indent: -8000px;
			position: relative;
			margin: 0;
			padding: 0;
			line-height: 0;
			float: left;
			left:401px;
			top: -482px;
			z-index: 250;
		}
		.azul1{
			background:#1b5899;
			float: left;
			width: 230px;
			height: 29px;
			background: url(../img/bkgtitle-left.png) no-repeat center center;
			position: relative;
			left: -38px;
			top:-405px;
			color: #fff;
			font-weight: bold;
			font-size: 1.2em;
			text-transform: uppercase;
			text-align: right;
			padding-right: 20px;
		}
		.azul2{
			background:#1b5899;
			float: left;
			width: 230px;
			height: 29px;
			background: url(../img/bkgtitle-right.png) no-repeat center center;
			position: relative;
			left: 145px;
			top:-405px;
			color: #fff;
			font-weight: bold;
			font-size: 1.2em;
			text-transform: uppercase;
			padding-left: 20px;
		}
		#Carousel{
			background:url(../img/bkgmainimage.png) no-repeat bottom left;
			width: 947px;
			height:360px;
			padding-top: 124px;
			padding-left: 50px;
		}
	#CuerpoIndex{
		background: #f7f4e5;
		padding:12px;
		display: block;
		border-bottom: 3px solid #25548a;
		margin-bottom: 15px;
	}
		#Contenido{
			background: #fefefe;
			padding: 29px 25px 55px 25px;
		}
			#CuerpoIndex #Contenido nav {
				float: left;
				margin-left: 20px;
			}
			#CuerpoIndex #Contenido nav ul li a{
				width: 156px;
				height:40px;
				display: block;
				border: 2px solid #fff;
				background: #1b5899;
				line-height: 40px;
				padding-left: 20px;
				color: #fff;
				text-decoration: none;
				font-size: 1.2em;
			}
				#CuerpoIndex #Contenido nav ul li a.par{
					background: #cbc440;
				}
				#CuerpoIndex #Contenido nav ul li a:hover, #CuerpoIndex #Contenido nav ul li a.activo{
					background:#1c1f27;
					color: #fff
				}
			#CuerpoIndex #Contenido article {
				width: 470px;
				float: right;
				margin-right: 96px;
				margin-top: 5px;
			}
			#CuerpoIndex #Contenido article h2 {
				font-size: 1.8em;
				line-height: 1.2em;
				letter-spacing: 0;
				font-weight: normal;
				padding-bottom: 15px;
				color: #c6be53;
			}
			#CuerpoIndex #Contenido article p {
				text-align: justify;
				padding-bottom: 15px;
				color: #3f3f3f;
			}
			#CuerpoIndex #Contenido article ul {
				padding-left: 18px;
				list-style-image:url(../img/bullet01.png); 
			}
		footer#Pie{
			margin-top: 40px;
			padding-bottom: 10px;
			padding-left: 59px;
			padding-right: 40px;
			color: #005289;
			font-size:0.85em;
		}
		footer#Pie a{
			color: #1d589c;
			text-decoration: none;
		}
		footer#Pie a:hover{
			color: #046be2;
			border-bottom: 1px dotted #046be2;
		}
		.colizq{
			float: left;
		}
			p.unase{
				width: 318px;
				height: 70px;
				text-align: justify;
				padding-top: 4px;
			}
			a.linkedin{
				width: 135px;
				height: 35px;
				margin: 20px 0;
				background: url(../img/icolinkedin.png) no-repeat bottom left;
				line-height: 50px;
				padding-left: 32px;
				font-size: 1.3em;
				display: block;
			}
			footer#Pie a.linkedin:hover{
				background: url(../img/icolinkedinON.png) no-repeat bottom left;
				border-bottom: none;
			}
			p.copyright{
				width: 210px;
				height: 31px;
			}
		.colder{
			float: right;
		}
			p.contacto{
				width: 400px;
				height: 144px;
				padding-top:5px;
				padding-left:105px;
				background: url(../img/icocpcontadores.png) no-repeat top left;
				font-size: 1.2em;
			}
			p.credito{
				width: 180px;
				height: 31px;
				text-align: right;
				float: right;
			}
/*formulario*/
.casilla{
	width:210px;
}

/*reusables*/
.big {
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1em;
	color: #cbc440;
}
input#boton{
	background: #1b5899;
	color:#fff;
	font-weight: bold;
	border: none;
	padding: 5px 9px;
	float: right;
}

/*****************************************/
/*********        SLIDESHOW      *********/
#Carousel { 
    position: relative; 
    /*width: 582px; 
    height: 566px; 
    background: #ccc;*/
}

#Carousel > div { 
    position: absolute; 
     
}
/*#Carousel p{
	margin: 0;
	padding: 0;
	color: #fff;
}*/
#Carousel img{
	width: 870px;
	height: 360px;
}
#Carousel span{
	width: 537px;
	height: 28px;
	display: block;
	background: url(../imgs/BkgSpan.png) top center;
	position: relative;
	top:-8px;
	text-align: right;
	padding: 17px 45px 0 0 ;
	font-size: 0.8em;
	line-height: 1.2em;
}



/**************************************************************/
/* Nada va despues de esta seccion */
/**************************************************************/
/* Clearfix!! */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* Esconde visualmente pero mantiene el layout */
.invisible { visibility: hidden;
	/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* para esconder de los screenreaders y navegadores */
.hidden { display: none !important; visibility: hidden; }