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

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;
  outline: none;
}
html { height: 101%; } /* always display scrollbars */
body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, Verdana, sans-serif; background-color:#103051;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

input { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

a { text-decoration: none; }
a:hover { text-decoration: none; }


.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/* IE 6/7 */
.clearfix { zoom: 1; }

#clear{
	clear:both;
	height:0px;
}
#clear80{
	clear:both;
	height:80px;
}
#clear30{
	clear:both;
	height:30px;
}
.background{
	min-height:900px;
	background-color:#103051;
	background-image: url(../img/background.png);
	background-repeat:repeat-x;
	background-position:top center;
	position:relative;
}

.detalleF{
	z-index:0;
	position:absolute;
	top:-20px;
	right:0;
	display:block;
	width:1096px;
	height:266px;
	background: url(../img/detalle-fondo.png) no-repeat top right;
}

.cabezal{
	display:block;
	width:1172px;
	height:169px;
	position:relative;
	margin:0 auto;
	background:url(../img/header-back.png) no-repeat top left;
}
.logo {
	top:20px;
	left:30px;
	position:absolute;
	text-indent:-9999px;
	width:232px;
	height:112px;
	background:url(../img/inarteca.png) no-repeat top left;
}

/* ------------------------------- EL MENU --------------------------*/

.nav {
	float:left;
	background-color:#125199;
	margin-top:104px;
	height:38px;
	width:850px;
	position: relative;
	z-index:4;
}
.menu{
	margin-left:320px;
}

.menu li {
	float: left;
	position: relative;
	list-style:none;
	display:block;
	width:160px;
	height:102px;
}
.menu span{
	padding-left:10px;
	padding-right:10px;
}

.menu li a {
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	font-weight:400;
	color: #fff;
	display: block;
	height:102px;
	text-align:center;
	vertical-align: bottom;
	text-decoration: none;
	
}



.menu li a:hover {
	background-color: #FF0000;
	color:#414042;
}

/* Dropdown styles */

.menu ul {
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 1s ease;
}

.menu ul li {
	float: none;
}

.menu ul a {
	white-space: nowrap;
}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {
	/*background: #FF00FF;*/
	left:0;
	opacity: 1;
	
}

.menu li:hover ul span{
	
padding-right:30px;
	padding-left:30px;
}


/* Persistant Hover State */
li.btnh a:hover{
	text-indent:-9999px;
	width:45px;
	background:url(../img/menu-sprite.png) no-repeat 0 -102px;
}
li.btn1 a:hover{
	text-indent:-9999px;
	width:160px;
	background:url(../img/menu-sprite.png) no-repeat -45px -102px;
}

li.btn2 a:hover{
	text-indent:-9999px;
	width:160px;
	background:url(../img/menu-sprite.png) no-repeat -207px -102px;
}

li.btn3 a:hover{
	text-indent:-9999px;
	width:160px;
	background:url(../img/menu-sprite.png) no-repeat -367px -102px;
}


li.btn4 a:hover{
	text-indent:-9999px;
	width:160px;
	background:url(../img/menu-sprite.png) no-repeat -529px -102px;
}


li.btn5 a:hover{
	text-indent:-9999px;
	width:160px;
	background:url(../img/menu-sprite.png) no-repeat -690px -102px;
}
/*.menu li:hover a {
	background-color: #66FF00;
	color: #414042;
	
}*/




.menu li.btn3-1 a:hover{
	text-indent:-9999px;
	width:160px;
	height:62px;
	background:url(../img/menu-sprite.png) no-repeat -207px -204px;
}
.menu li.btn3-2 a:hover{
	text-indent:-9999px;
	width:160px;
	height:33px;
	background:url(../img/menu-sprite.png) no-repeat -207px -266px;
}
.menu li.btn4-1 a:hover{
	text-indent:-9999px;
	width:160px;
	height:62px;
	background:url(../img/menu-sprite.png) no-repeat -530px -204px;
}
.menu li.btn4-2 a:hover{
	text-indent:-9999px;
	width:160px;
	height:62px;
	background:url(../img/menu-sprite.png) no-repeat -530px -266px;
}



/* CONTENEDOR DEL HOME */
.contenedorH{
	z-index:2;
	margin:0 auto;
	display:block;
	width:1171px;
	height:595px;
	background-color:#FFF;
	background-image:url(../img/backbody.png);
	background-repeat:repeat-x;
	background-position:0 328px;
	-moz-box-shadow: 0px 20px 15px #000;
	-webkit-box-shadow: 0px 20px 15px #000;
	box-shadow: 0px 20px 15px #000;
}

.carrusel{
	display:block;
	width:1110px;
	height:375px;
	margin:0 auto;
}

.thumbPortafolio{
	display:block;
	width:1110px;
	height:181px;
	margin:0 auto;
}
.thumbPortafolio h2{
	margin-top:20px;
	font-size:20px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
    font-style: italic;
	letter-spacing:0.25em;
	margin-bottom:20px;
	
}
.portafolioList{
	display:block;
	width:298px;
	height:181px;
	float:left;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
    font-style: italic;
	
}
.portafolioList li a{
	font-size:16px;
	letter-spacing:0.15em !important;
	color:#fff;
	background:url(../img/home/bullet.png) no-repeat 0 2px;
	list-style:none;
	line-height:32px;
	padding-left:20px;
	margin-bottom:5px;
}
.portafolioList li a:hover{
	color:#00aeef;
}

.portafolioList li a.pActive{
	color:#00aeef;
}


.thumb{
	position:relative;
	float:left;
	display:block;
	border-left:#579fdc 2px solid;
	width:170px;
	padding-left:20px;
	margin-left:11px;
}

.thumbActive{
	position:absolute;
	top:-20px;
	left:80px;
	display:block;
	width:21px;
	height:11px;
	background: url(../img/portafolio/bullet.png) no-repeat 0 0;
}
/*.thumb img{
	margin-left:26px;
}*/


/* Necessary CSS */
.slider    { overflow:hidden; position:relative; }
.slider ul { margin:0; padding:0; }
.slider li { float:left; margin:0 5px 0 0; list-style:none; }
/* IE6 issues */
.slider ul { width:100%; }



/* SLIDER */
		#slider {
				width:1110px;
				height:375px;
				
				/*IE bugfix*/
				padding:0;
				margin:0;
			}
			
			#slider li { list-style:none; }
			
			
			
/* CONTENEDOR INTERNA */
.contenedorI{
	z-index:2;
	margin:0 auto;
	display:block;
	width:1171px;
	min-height:660px;
	background-color:#FFF;
	-moz-box-shadow: 0px 20px 15px #000;
	-webkit-box-shadow: 0px 20px 15px #000;
	box-shadow: 0px 20px 15px #000;
}
.contenedorTexto{
	padding-top:30px;
	margin:0 auto;
	width:920px;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	line-height:1.3em;
	color:#58595b;
}
.nocol{
	width:920px;
	padding-right:50px;
}
.subbtn{
	color:#58595b;
}
.subbtn:hover{
	color:#094fa3;
}
.col1{
	float:left;
	width:410px;
	padding-right:50px;
}
.col1 p{
	line-height:1.3em;
	margin-bottom:1.4em;
}

.col1bullet{
	float:left;
	display:block;
	margin-top:8px;
	margin-right:10px;
	width:10px;
	height:10px;
	background:url(../img/bullet-li.png) no-repeat 0 0;
	}

.col1 li{
	list-style:none;
}

.col2{
	float:left;
	width:460px;
	
}
.resaltado{
	color:#094fa3;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
.cincuenta{
	color:#094fa3;
	font-size:36px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
.negrita{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	color:#58595b;
}

.azul{
	color:#052c5b;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
/* MEDIOS */
.nocolmedios{
	width:1000px;
	padding-right:20px;
	margin-left:-10px;
}

.medios li{
	float:left;
	margin-top:60px;
	margin-right:20px;
}

.medios p{
	padding-top:25px;
	background:url(../img/medios/bullet.png) no-repeat 0 0;
	font-size:16px;
	color:#094fa3;
}
.medios img{
	border:#42c1de 2px solid;
	-moz-box-shadow: 3px 5px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 5px 7px rgba(0,0,0,0.2);
	box-shadow: 3px 5px 7px rgba(0,0,0,0.2);
}




/* INGENIERIA */
.ingenieriaText{
	margin-left:70px;
}
.titulo48{
	font-size:40px;
	color:#094fa3;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	margin-bottom:0.2em;
}
.ingFloat{
	z-index:2;
	margin-top:-45px;
	margin-left:100px;
	 width:946px;
	 height:135px;
}

/* PORTAFOLIO */
.backportafolio{
	clear:both;
	background: url(../img/backbody.png) repeat-x;
	height:200px;
}

.contenedorP{
	z-index:2;
	margin:0 auto;
	display:block;
	width:1171px;
	height:595px;
	background-color:#FFF;
	background-image:url(../img/backbody.png);
	background-repeat:repeat-x;
	background-position:0 328px;
	-moz-box-shadow: 0px 20px 15px #000;
	-webkit-box-shadow: 0px 20px 15px #000;
	box-shadow: 0px 20px 15px #000;
}

.carruselPortafolio h2{
	margin-left:20px;
	color:#094fa3;
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:20px;
}


.carruselPortafolio{
	height:324px;
	width:1080px;
	margin:0 auto;
	z-index:2;
	display:block;
	overflow:hidden;
}

.divisor{
	border-right:#094fa3 dotted 1px; padding-right:10px;
}
	.wrap { width:1040px; height:270px; margin:20px; }
	body div.slider    { overflow:hidden; position:relative; width:100%; height:267px !important; }
	body div.slider ul { margin:0; padding:0; height:220px; }
	body div.slider li { position:relative; float:left; list-style:none; margin:0 0 0 0; }
	body div.slider li span { position:absolute; top:220px; left:0; margin-top:10px; text-align:left;color:#094fa3; font-family: 'Open Sans', sans-serif; font-size:12px; }



.wrap{
	position:relative;
}

.prev-page{
	position:absolute;
	top: 100px;
	left:0;
	margin-left:-20px;
	display:block;
	height:27px;
	width:27px;
	text-indent:-9999px;
	background:url(../img/portafolio/arrows.png) no-repeat 0 0;
}
.prev-slide{
	position:absolute;
	top: 100px;
	left:0;
	margin-left:-20px;
	display:block;
	height:27px;
	width:27px;
	text-indent:-9999px;
	background:url(../img/portafolio/arrows.png) no-repeat 0 0;
}
.next-slide{
	position:absolute;
	top: 100px;
	right:0;
	margin-right:-20px;
	display:block;
	height:27px;
	width:27px;
	text-indent:-9999px;
	background:url(../img/portafolio/arrows.png) no-repeat -81px 0;
}
.next-page{
position:absolute;
	top: 100px;
	right:0;
	margin-right:-20px;
	display:block;
	height:27px;
	width:27px;
	text-indent:-9999px;
	background:url(../img/portafolio/arrows.png) no-repeat -81px 0;
}