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

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
	 
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
	//border: solid black 1px;
	text-align:center; 
    vertical-align:middle;
}
.col1 {
    display: table-cell; /* Make elements inside the container behave like table cells */
	//border: solid black 1px;
}
.col2 {
    display: table-cell; /* Make elements inside the container behave like table cells */
	//border: solid black 1px;
	text-align:center; 
    vertical-align:middle;
	width:10%;
}
.col3 {
    display: table-cell; /* Make elements inside the container behave like table cells */
	//border: solid black 1px;
	text-align:center; 
    vertical-align:middle;
	width:60%;
}
.espacio {
	padding-top:10px;
	font-weight:bold;
	font-size:20px;
}
.espacioreg {

	font-weight:bold;
	font-size:2px;
}
.spanhead {
	padding-top:5px;
	font-weight:bold;
	font-size:18px;
}
.spanhead2 {
	padding-top:15px;
	font-weight:bold;
	font-size:18px;
}
.h4sesion {
	padding-top:10px;
	font-weight:bold;
	font-size:16px;
}



#pagewrap {
	width: 100%;
	margin: 0 auto;
}
#header {
	
background:#ffffff;
	position: relative;
	max-width:100%;
	width:auto;
	height:auto;/*176*/
}

#popupbox{
	
margin: 0; 
margin-left: 40%; 
margin-right: 40%;
margin-top: 50px; 
padding-top: 10px; 
width:290px;
height:180px; 
position: absolute; 
background: #ffffff; 
border: solid #2080D0 4px; 
z-index: 9; 
font-family: arial; 
visibility: hidden; 


}

 #popupbox input{
	 background:#18609C;
	 color:#ffffff;
	 margin-top:5px;
	 margin-bottom:10px;
 }
  #popupbox h3{
	  color:#2080D0;
	  margin-top:5px;
	  margin-bottom:10px;
 }

 #popupbox button{
	 background:#18609C;
	 color:#ffffff;
	 margin-top:5px;
	 margin-bottom:10px;
 }
 
 
#popupbox2{

margin: 0; 
margin-left: 40%; 
margin-right: 40%;
margin-top: 50px; 
padding-top: 10px; 
width: 240px; 
height: 310px; 
position: absolute; 
background: #ffffff; 
border: solid #2080D0 4px; 
z-index: 9; 
font-family: arial; 
visibility: hidden; 
}


#popupbox2 h3{
	  color:#2080D0;
	  	 margin-top:5px;
	  margin-bottom:10px;
 }


 
  
 

#popupbox3{
	text-align:center;
margin: 0; 
margin-left: 40%; 
margin-right: 40%;
margin-top: 50px; 
padding-top: 10px; 
width:260px;
height:120px; 
position: absolute; 
background: #ffffff; 
border: solid #2080D0 4px; 
z-index: 9; 
font-family: arial; 
visibility: hidden; 
}

#popupbox3 input{
	 background:#18609C;
	 color:#ffffff;
	 margin-top:5px;
	  margin-bottom:10px;
 }
  #popupbox3 h3{
	  	 margin-top:5px;
	  margin-bottom:10px;
 }

 #popupbox3 button{
	 background:#18609C;
	 color:#ffffff;
	 margin-top:5px;
	  margin-bottom:10px;
 }
 



/*logoingetek*/


.bloquelogin{
	display: block;
	float: left;
}

.login img{
	
	float:left;
	padding-top:10px;
	padding-left:90px;
	max-width:100%;
	height:auto;
}
	
	
	
	

.parrafo {
	 float:left;
	margin-left:60px;
	padding:5px;
	margin-top:7px;
	max-width:100%;
	width:auto;
	height:auto;
}


.parrafo p{
	margin-top:0px;
}


.parrafo a{
	max-width:100%;
	color:#2080D0;
	padding-top:2px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:2px;
	text-decoration:none;
	background:#ffffff;
	border-radius: 6px 6px 6px 6px ;
}



 
 
.ingetek  {
	 
	
	margin-top:20px;
	 -webkit-margin-left:330px;
	 margin-left:330px;
	 max-width:100%;
	width:auto;
	height:auto;
	
 }



 
 .carr{
	
	margin-top:30px;
	margin-right:70px;
	max-width:100%;
	width:auto;
	height:auto;
 }
 
  
  .bloquecarrito{
	
	  display: block;
	float: right;
	padding-bottom:10px;
}
 
 
 .bloquecarrito a{
	
	 max-width:100%;
	color:#2080D0;
	padding:5px;
	text-decoration:none;
	background:#ffffff;
	border: 1px solid #ffffff;
	border-radius: 6px 6px 6px 6px ;
}
 
 
 .bloquecarrito p{
	  
	  margin-right:80px;
	  padding-top:0px;
	  padding-bottom:10px;
 }
 
  .inputcompra{
	  padding-top:0px;
	  padding-left:20px;
	  
  }
  
 
 .cabecera {
	  max-width:100%;
	width:auto;
	height:auto;
	 position: relative;
	padding-bottom:20px;
	
 }


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

#menup {
	width: 26em;
		padding: 0 0 0 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	
	color: #333;
	font-size: 1.5em;
	float:left;
	}

 #menup ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  }
  
 #menup li {
 
  border-bottom: 1px solid #90bade;
  margin: 0;
  }
  
  #menup li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 10px solid #1958b7;
  border-right: 10px solid #508fc4;
  background-color: #2175bc;
  color: #fff;
  text-decoration: none;
  width: 100%;
  } 
  
  html>body #menup li a {
  width: auto;
  }
  
  #menup li a:hover {
  border-left: 10px solid #1c64d1;
  border-right: 10px solid #5ba3e0;
  background-color: #2586d7;
  color: #fff;
 }
 
 html>body>section>aside#cajatexto1 {
	 align:left;
	 width:20%;
 }
  html>body>section>aside#caja1 {
	 align:left;
	 width:20%;
 }
 
 .contentpanel{

	padding-top:30px;
	 display:block;
	  max-width:100%;
	width:100%;
	height:auto;
	
}

.col-comercio{
		margin-right:15px;
}




.flechaizquierda{
	float:left;
	margin-top:80px;
	padding-left:12px;
}
 
.flechaderecha{
float:right;
margin-top:80px;
padding-right:0px;
}	

.fotos li h5{
	width:auto;
	height:40px;
	
}





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

@media (max-width: 320px) {

#caja1 {
		align:center;
		width: auto;
	}
	
}


@media (max-width: 480px) {
	
	.col { 
        display: block;
        width: 100%;
		text-align:center;
    }
	.col2 {
        display: block;
        width: 100%;
		text-align:center;
    }
    .col1 {
        display: block;
        width: 100%;
		text-align:center;
		display: table;
    }
	.col3 {
		display:none;
	}
	
	.registros {
		display: table-cell;
	}
	.sesi {
		display: table-cell;
	}
	
	.spanhead {
	padding-top:5px;
	font-weight:bold;
	font-size:18px;
}
   .spanhead2 {
	padding-top:8px;
	font-weight:bold;
	font-size:18px;
}
    .h4sesion {
	padding-top:10px;
	font-weight:bold;
	font-size:14px;
}
.espacioreg {

	padding-top:10px;
	font-weight:bold;
	font-size:20px;
}
	
	
	.ingetek{
	 display:none;
padding-left:15px;
-webkit-padding-left:15px;
	float:left;
	max-width:100%;
	width:auto;
	height:auto;

}
	
	.cabecera{
		max-width:100%;
	width:auto;
	height:230px;
	}
	
.flechaderecha{
margin-top:-910px;	
}
	
   .fotos{
	 float:left;  
	   margin-right:20%;
  margin-left:20%;}
  


#popupbox{
	margin-left:10px;
	width:290px;
	height:180px;
	
	
}

.login {
	float:left;  
}

.login img{
	padding-top:5px;
	max-width:100%;
	height:auto;
}

.parrago  {
	float:right;  
	
}


#popupbox2{
	
	width: 240px; 
height: 310px;
	margin-left:50px;
}

#popupbox3{
width:260px;
height:120px; 
margin-left:20px;}

}

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

	#pagewrap {
		width: 95%;
	}
    #caja1 {
		align:center;
	}

    #menup li a { 
	width: 95%;
	
	}
	
	
}


@media screen and  (max-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;
	}

	

}