/************************************************************************************
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, details, figcaption, figure, 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*/
}

 /*tamaño a las fotos circulantes*/
img.fotos {  
width: 823px;
height: 490px; /*405*/
}


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 {
        /* COLORES DEL LOGO  #0A2A6A #7DBFF5,#B93828*/
  
 letter-spacing: 2px;
   color:#ffffff;      
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;
}


#content {
     border-style: solid;
      border-color:#B93828;
	background: #ffffff;
	margin: -400px 0px 0px 280px;
	padding: 1px 1px 1px 1px;
	width:823px;
	height:565px;/*480*/
	float:LEFT;
	top:20px;
	position:relative;
	/* rounded corner */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,);
	box-shadow: 0 1px 3px rgba(0,0,0,);
}
/*texto sol. efectivas*/
div .banner span.bannerhone1{
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #000062;
	font-size:1.6em;
	-webkit-font-size:1.6em;
    -moz-font-size:1.6em;
	font-family:Arial,Verdana,sans-serif;
	-webkit-font-family:  Arial,Verdana,sans-serif;
    -moz-font-family:  Arial,Verdana,sans-serif;
	font-weight:bolder;
	z-index:210;
	margin-left:-610px;
	position:absolute;
	margin-top: 25px;
}

div.banner img.bannerhone1{ 
width:823px;
height:70px;
top:440px;
z-index:210;

}



.post {
	margin-bottom: 0px;
	margin-top: 0px;
}

.franjamarcaslogos{
	max-width:100%;
	  height:auto;
	width:200px;
	position:absolute;
	
}
 
	
.franjamarcaslogos div ul li {
     max-width:100%;
	  height:auto;
	width:60px;
margin-top: 0px;
margin-left: 30px;
padding: 0px 0px 0px 20px;
list-style:none;
float: left;

}
	
	
 .F ul li img {
     	padding: 0px 0px;
    max-width:100%;
    max-height:100%;
}
    



#sidebar {
	
    position:initial;
	width: 310px;
	float:right;
	right:0px;
	margin: -490px 2px;
}
.widget {

	background: #ffffff;
	margin:0px 0px 0px;
	padding: 3px 37px;
	/* rounded corner */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}


section.widget  a {
	color: #fff;
    font-weight: bold;
    font-style: italic;
    font-size: 1.2em;
    padding: 11px;
    display: block;
}
section.widget a:hover {
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s ;
    transition: all 0.4s ;
	opacity: 0.9;
	
}

a.twitter span{
   display:none;}
   
   a.fb span{
   display:none;}
   
   a.instagram span{
   display:none;}


	
	#sidebar2 {
	background:#E7E7E7;
	width: 310px;
	height:400px;
	float: right;
	right:0px;
	margin: -378px 3px 3px;
	overflow-y:auto;
	overflow-x:hidden;
	border-bottom:1px;
	 position:initial;
	}
	
	.ingeasesor{
	width: 250px;
	height:220px;
	}
	
	.widget2 {
	background: #ffffff;
	margin:5px 5px 5px 5px;
	padding: 0px 10px;
	/* rounded corner */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);}
	
	
	.boton{
margin-top:-540px;
margin-right:60px;
margin-left:80px;
float: right;
width:100%;
width:auto;
height:auto;

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

#content {
		width: 50%;
		padding: 0% 0%;
	
	}

	
	
	#sidebar {
		
		width: 30%;
	}
	#sidebar .widget {
		padding: 4% 3%;
		margin-bottom: 4px;
	}
	
#sidebar2 {
		width: 30%;
	}
	#sidebar2 .widget2 {
		padding: 4% 3%;
		margin-bottom: 4px;
	}	
div .banner span.bannerhone1{
	font-size:1.2em;
	margin-left:-464px;
}
}


@media screen and  (min-width: 1022px) {
   
	#pagewrap {
		width: 95%;
		
	}
	#content {
		width:55%;
		
		padding: 0% 0%;
	margin: -378px 0px 0px 185px;
	}
	
		.marca{
padding: 0px 0px 0px 0px;
	 height:370px;
	 width:170px;/*170*/}

	
	.franjamarcaslogos div ul li {
	   width:60%;
	list-style: none;
	float: left;
	}
	

	#sidebar {
		width: 25%;
	}
	#sidebar .widget {
		padding: 4% 3%;
		margin-bottom: 4px;
	}
	
#sidebar2 {
		width: 25%;
	}
	#sidebar2 .widget2 {
		padding: 4% 3%;
		margin-bottom: 4px;
	}
	

div .banner span.bannerhone1{
	font-size:1.2em;
	margin-left:-470px;
}

}


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

	#pagewrap {
		width: 100%;
	
	}
	#content {
		width:59%;
		
		padding: 0% 0%;
	margin: -375px 0px 0px 220px;
	}
	
	.marca{
padding: 0px 0px 0px 0px;
	 height:370px;
	 width:200px;/*170*/}
	
	.franjamarcaslogos div ul li {
	   width:55%;
	  padding: 0px 0px 0px 20px;
	list-style: none;
	float: left;
	}
	
	#sidebar {
		width: 22%;
	}
	#sidebar .widget {
		padding: 3% 2%;
		margin-bottom:0px;
	}
	
#sidebar2 {
		width:22%;
	}
	#sidebar2 .widget2 {
		padding: 3% 2%;
		margin-bottom: 4px;
	}
	

div .banner span.bannerhone1{
	font-size:1.3em;
	margin-left:-540px;
}

}


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

	#pagewrap {
		width: 100%;
		
	}
	#content {
		width:61%;
		padding: 0% 0%;
	margin: -374px 0px 0px 212px;
	}
	
	.franjamarcaslogos div ul li {
	   width:60%;
	   padding: 0px 8px;
	list-style: none;
	float: left;
	}
	
	#sidebar {
		width: 22%;
	}
	#sidebar .widget {
		padding: 3% 2%;
		margin-bottom:0px;
	}
	
#sidebar2 {
		width:22%;
	}
	#sidebar2 .widget2 {
		padding: 3% 2%;
		margin-bottom: 4px;
	}
	

div .banner span.bannerhone1{
	font-size:1.3em;
	margin-left:-545px;
}

}

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

	#header {
		height: auto;
	}
	
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}
	
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 5px;
	}

#sidebar2 {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar2 .widget2 {
		padding: 3% 4%;
		margin: 0 0 5px;
	}
div .banner span.bannerhone1{
	font-size:1.1em;
	margin-left:-457px;
}

.marca{
display:none;
}
.franjamarcaslogos div ul li{
display:none;}

.footer {margin-top:10px;}


}


@media (max-width: 480px) {
   
   	#header {
		height: auto;
	}
    
    #content {
		width: 100%;
        height: 264px;
		margin-bottom:20px;
    }
    
	.boton{
margin-top:20px;
margin-right:60px;
margin-left:80px;
float: right;
width:60%;
width:auto;
height:auto;

}
	
    	
    	img.fotos {  
width: 100%;
height: 190px;
}
		
	html {
		-webkit-text-size-adjust: none;}
	
	hgroup img{
margin-left:0px;
}

	
div .banner span.bannerhone1{
	font-size:0.7em;
	margin-left:-252px;
}

/*ocultar franja marcas*/
.marca{
display:none;
}
.franjamarcaslogos div ul li{
display:none;}

.footer {margin-top:10px;}


}