/************************************************************************************
RESET CSS
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

}

article, aside,   footer, header, hgroup, menu, nav, section, { 
    display: block;
	margin: 0;
}

/************************************************************************************
ESTILOS GENERALES
*************************************************************************************/
body {
	 background-color:#ffffff;
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #666;
}
a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}


#pagewrap {

	width: 100%;
	margin: 0 auto;
	
	
}
#header {
background:#E7E7E7;
	position: relative;
	height: 130px;/*176*/
}

/*logoingetek*/
hgroup img{
margin-left:70px;
float:left;
}

/*texto direccion logo ingetek*/
.span p span{
 color:#B93828; 
 font-size:0.9em;
   -webkit-font-size:0.9em;
    -moz-font-size:0.9em;
     -webkit-font-style:normal;
    -moz-font-style:normal;
   	max-width: 100%;
}

/*nav*/
nav {
    z-index:2;
    top:20px;
    height: 40px;
    width: 100%;
  /* enlaces */
	background:#0A2A6A;
background: -moz(#0A2A6A);
background: -webkit(#0A2A6A);
background: -o(#0A2A6A);
background: -ms(#0A2A6A);
    position: relative;
    border-bottom: solid 1px #DDD;
}

nav ul {
   
    padding: 0px;
    margin: 0 auto;
    width: 1000px;
    height: 40px;
}

nav li {
      
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
}

nav a {
   letter-spacing: 2px;
    color:#FFFFFF;         /* COLORES DEL LOGO  #0A2A6A #7DBFF5,#B93828*/
font-size:1.4em;
font-family:  "Arial";
  -webkit-font-family:  "Arial";
    -moz-font-family:  "Arial";
font-style:normal;
    display: inline-block; 
    width: auto;
    text-align: center;
    line-height: 40px;
    -webkit-font-size:1.4em;
    -moz-font-size:1.4em;
     -webkit-font-style:normal;
    -moz-font-style:normal;
}


/*
nav li a {
    border-right: 1px solid #576979;}*/

nav li:last-child a {
    border-right: 0;
}

nav a:hover, nav a:active {
     padding-left: 5px;
    padding-right: 5px;
    width: auto;
    background-color:#FFC467;/*#FFB04B; #FFA040;*/
    color:#0A246A;
}



.g{
	float:left;
margin-top:20px;
  max-width: 100%;
}

.cajatexto1{
	
	float:left;
    max-width: 100%;
     background:#ffffff ; 
     width: 100%;
    height:auto;
	padding-top:20px;
       padding-left:20px;
       padding-right:20px;
	  
}



.pestana1{
	padding-left:20px;
	max-width:100%;
	border-radius: 20px 20px 0px 0px;
 -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
   -ms-border-radius: 20px 20px 0px 0px;
background-color:#dddddd; 
-moz-background-color:#dddddd;
-webkit-background-color:#dddddd;
-ms-background-color:#dddddd;
-o-background-color:#dddddd;
}
p.mision{
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	 text-align:left;
    -webkit-text-align:left;
    -moz-text-align:left;
color:#0A246A;
font-size: 1.7em;}



	   
 .parrafo{
	letter-spacing:1px;
	padding-top:10px;
	padding-bottom:10px;
       padding-left:25px;
       padding-right:25px;
	 font-size: 1.2em;
text-align:justify;
    -webkit-text-align:justify;
    -moz-text-align:justify;	 
	max-width:100%;
	width:auto;
	 height:auto;
}
.parrafo li{
color:#383838;
}

.marco1{
letter-spacing:1px;
margin-left:20px;
	padding-bottom:10px;
	 font-size: 1.1em;
text-align:justify;
    -webkit-text-align:justify;
    -moz-text-align:justify;	 
	max-width:100%;
	width:100%;
	 height:auto;
	border-radius: 20px 20px 20px 20px;
 -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
   -ms-border-radius: 20px 20px 20px 20px;
background-color:#E4EEF8;
margin-top:10px;
      
}
   
     
  
 
  .cajatexto2 {
  display:block;
    -webkit-text-align:center;
    -moz-text-align:center;
    max-width: 100%;
     background:#ffffff ; 
     width: 100%;
    height:auto;
    margin:0px;   

}

 .serv{
	padding-left:60px; 
 }


.contimage img{
	 

	padding-top:30px;
	margin-left:40px;
	
}


.algunoscli {
	
	 
	margin-top:0px;
	
}
.algunoscli h2{
	color: #ffffff;
	background:#B93828;
	 max-width: 100%;
	  width: auto;
    height:auto;
	text-align:center;
	padding-top:0px;
}

	.algunoscli div ul li {
		
     max-width:100%;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style:none;
float: left;


}
	
	
	
	
	.algunoscli2 div ul li {
		
     max-width:100%;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style:none;
float: right;


}
	.marca{
	
	height:100%;
	 width:500px;/*170*/
	float:left;
	background: #ffffff;
	padding: 0px 0px;
	margin-left:40px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,.4);
	box-shadow: 0 0px 0px rgba(0,0,0,.4);}
	
	 .F ul li img {
		
     	padding: 0px 0px;
    max-width:100%;
    max-height:100%;
	
}

 
	
	
/*---FOOTER---*/




 .footer {
    background:    #0A2A6A; 
    border-radius: 2px 2px 2px 2px;
    clear: both;
   color: #FFFFFF;
    font-size: 90%;
    text-align: center;
    padding-top:8px;
padding-bottom:2px;
}

#footer a {
	color: #FFFFFF;

}

#footer p {
	font-size:1.0em;
	font-family:arial,helvetica,sans-serif;
	font-weight:bolder;
}

/* Clear */
.clear:before, .clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;}
   

.clear {
    zoom: 1;
}






/***************************************************
----- CONDICIONALES DE MEDIA QUERIES -----
****************************************************/

@media screen and  (max-width: 980px) {

	#pagewrap {
		width: 95%;
	}

}


@media screen and  (min-width: 1022px) {
   
	#pagewrap {
		width: 95%;
	}
	
	
}


@media screen and  (min-width: 1278px) {

	#pagewrap {
		width: 100%;
	}
}


@media screen and  (min-width: 1364px) {

	#pagewrap {
		width: 100%;
	}
	

}

@media screen and (max-width: 650px) {

	#header {
		height: auto;
	}
	

}


@media (max-width: 480px) {
   
   	#header {
		height: auto;
	}
    .cajatexto{
	 margin-left:0px;
	 padding-left:0px;
       padding-right:10px;
	   margin-bottom:-15px;
	}

	.pestana1{
		padding-left:0px;
	}
		
	p.mision{
	font-size:1.3em;
	text-align:center;
	}
	
	.marco1{
margin-top:30px;
		width: auto;
    height:auto;
		 
	}
	
	
	.contimage img {
margin-left:0px;
   }
	
	
.serv{
	padding-left:0px;
 }	
	
	
	
	.algunoscli h2{
		font-size:90%;
		margin-left:-20px;
	 max-width: 100%;
	  width: auto;
    height:auto;
	text-align:center;
	padding-top:10px;
}

	.algunoscli div ul li {
		
      max-width:50%;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style:none;
float: left;


}
	
	
	.algunoscli2 div ul li {
		
     max-width:50%;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style:none;
float: left;


}
	.marca{
	
	height:100%;
	 width:auto;/*170*/
	float:left;
	background: #ffffff;
	padding: 0px 0px;
	margin-left:40px;
	}
	
	 .F ul li img {
		
     	padding: -30px -30px;
    max-width:60%;
    max-height:50%;
	
}
	
	
	
	
	html {
		-webkit-text-size-adjust: none;}
	
	hgroup img{
margin-left:0px;
}

	
}