/************************************************************************************
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;
}

.cajatexto1{
	
	float:left;
    max-width: 100%;
    
     width: 50%;
    height:auto;
	margin-top:5px;
       padding-left:20px;
       padding-right:20px;
	   margin-bottom:-15px;
}

.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;}



	   
 p.parrafo{
	letter-spacing:1px;
	padding-top:10px;
	padding-bottom:15px;
       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 ul{
	max-width:100%;
	width:auto;
		letter-spacing:1px;
	 font-size: 1.2em;
	 padding-top:0px;
	 padding-bottom:10px;
	 padding-left:20px;
       padding-right:1130px;
	 
	
}
.marco1{
	
	border-radius: 20px 20px 15px 15px;
 -webkit-border-radius: 20px 20px 15px 15px;
  -moz-border-radius: 20px 20px 15px 15px;
   -ms-border-radius: 20px 20px 15px 15px;
background-color:#E4EEF8;
margin:0px;
}

 .cajatexto {
   
     text-align:center;
    -webkit-text-align:center;
    -moz-text-align:center;
    max-width: 100%;
     background:#ffffff ; 
     width: 100%;
    height:auto;
    margin:0px;   

}
.imagen{
    margin-top:0px;
	width: 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;
	}
    
	.cajatexto1{
		position:relative;
		  width: auto;
    height:auto;
	padding-top:5px;
       padding-left:5px;
       padding-right:5px;
	   margin-top:0px;
	   margin-bottom:-15px;
	}
	
	p.parrafo{
		width: auto;
    height:auto;
		 padding-left:10px;
       padding-right:10px;
	}
	
  .imagen{
      margin-top:20px;
  }
   
    	
		
	html {
		-webkit-text-size-adjust: none;}
	
	hgroup img{
margin-left:0px;
}

	

}