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


*{padding:0px; margin:0px auto;}




body{
width:100%;
height:100%;
}

#wrap{width:100%;}

body{font-family:Arial, Helvetica, sans-serif; background-color:#f2f2f0;}

h1{font-size:2.5em;}
h2{font-size:2em;}
h3{font-size:1.3em;} 
p{font-size:1.11em; text-align:left;}

#contenedor{width:100%;}



.boton1 a, .boton2 a{
	text-decoration:none;
	color:#FFFFFF;
	
}







/*====== Home ======*/


#home{
	width:100%;
	height:720px; 
	clear:both;
	background-color: rgb(1, 114, 182);
	margin-top:0px;
	}

.logo{
	clear:both;
	padding-top:10%;
	margin-left:24%;
	margin-bottom:27px;}

.ticket{
	float:left;
	margin-left:17%;
	margin-right:7%;}
	
.figura{
	float:left;
	margin-top:-130px;
	margin-bottom:35px;}

.botones{clear:both; width:100%; height:48px;}

.boton1{margin-left:33%;}

.boton1, .boton2{
	float:left;
	background:#273776; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:16px;
	text-align:center; 
	width:195px;
	height:30px; 
	padding-top:14px;
	margin-right:20px;
	}

.boton1:hover, .boton2:hover{	background:#202e63; cursor:pointer;}

a{text-decoration:none; color:#FFFFFF;}


nav{ width:2000px; height:159px; position:fixed;}

.logo_menu{float:left; margin-left:1.5%;}

.logo_totalpack{float:left; margin-left:-23%;}

.botones_menu{ float:left; width:55%; height:58px; margin-left:2.5%; margin-top:35px;}

.boton_menu_1, .boton_menu_2, .boton_menu_3, .boton_menu_4{
	background:#2d70b7; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:12px;
	text-align:center; 
	height:0px;
	margin-top:30px;
	margin-right:18px;
	margin-bottom:8px;
	float:left;
	}


.boton_menu_1:hover, 
.boton_menu_2:hover, 
.boton_menu_3:hover, 
.boton_menu_4:hover{
	background:#2d70b7; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:12px;
	text-align:center; 
	height:0px;
	margin-top:30px;
	margin-right:18px;
	margin-bottom:8px;
	float:left;
	-webkit-filter: brightness(90%); filter: brightness(90%);
	}




/*=======   Ciudadano  =========*/



.box1{
	padding-top:159px;
	width:100%;
	background:#f2f2f0;}
	
.separador{	width:100%;  text-align:center; background-color:#2d70b7; height:85px;}

.box2{
	padding-top:0px;
	width:100%;
	height:570px;
	background:#2d70b7;
	text-align:center;}


.box3{
	padding-top:3px;
	width:100%;
	text-align:center;
	height:640px;}
	


.box4{
	padding-top:0px;
	width:100%;
	background:#2d70b7;
	text-align:center;
	height:640px;}
	
.box4 img{margin-top:70px;}

.box5{
	padding-top:57px;
	width:100%;
	background:#f2f2f0;
	text-align:center;}

.logoapple{margin-left:32%; }
.logoapple img{padding-right:5px;}

.logo2{margin-left:38%; 	padding-top:43px;}
.logo2 img{padding-right:5px;}



















/*======= Empresa ========*/




.box6{
	padding-top:159px;
	width:100%;
	clear:both;
	text-align:center;
	}
.box6 img{float:right; clear:both;}


.separador2{	width:100%;  text-align:center; height:85px; clear:both;}


.box7{
	padding-top:3px;
	width:100%;
	background:#2d70b7;
	text-align:center;}

.box7 img{margin-top:100px;}

.box8{
	padding-top:10px;
	width:100%;
	background:#2d70b7;
	text-align:center;}


.box9{text-align:center;}










/*====== Contacto =====*/


#contacto-movil{display:none;}

#contacto{
	width:100%;
	height:1000px; 
	clear:both;
	background-color:#173774;
	}


#imgcontacto{float:left; margin-top:130px; margin-left:20.1%; margin-right:7%;}
#formulario{padding-top:130px;}




form{margin-left:0px;}


#formulario .txt1{font-size:13px; color:#fff; float:left; margin-left:10px; margin-right:23px; padding-bottom:-40px; width:210px;}

#formulario .txt2{font-size:13px; color:#fff; float:left;}

input[type="text"]{
	background-color: #fff;
	font-size:15px; 
	width: 188px;
	color:#999; 
	border: 0px solid #fff;
	padding:10px;
	margin:10px;}


.estilotextarea {
	background-color: #fff;
	width:287px;
	height:164px;
	font-size:15px;
	margin:10px; 
	padding:0px;
	border: 0px solid #fff;
	color:#999; }

input::-webkit-input-placeholder,
.estilotextarea::-webkit-input-placeholder,
.enviar
 {
  color: #ccc;
}


.enviar {
	-webkit-appearance: none;
	background-color: #0051a0;
	border: 0px solid #0051a0;
	width:84px;
	height:84px;
	font-size:15px;
    font-family:Verdana,Helvetica;
	border-radius:50px;
    

}

.enviar:hover,
input[type="text"]:hover,
.estilotextarea:hover {
	-webkit-appearance: none;
	background-color:;
}

.enviar:hover{cursor:pointer;}




/***** Políticas de Privacidad ******/

.politicas-content-box {
    position: relative;
    max-width: 800px;
    width: 90%;
    padding: 60px 0;
    line-height: 1.3em;
    color: #686868;
}

.politicas-content-box h2 {
    clear: both;
    margin-bottom: 20px;
    color: #004fa5;
}

.politicas-content-box p {
    margin-bottom: 20px;
    line-height: 1.5em;
    color: #686868;
}

.politicas-content-box h3 {
    margin-top: 50px;
    margin-bottom: 10px;
    color: #004fa5;
}

.politicas-content-box ul {
    margin: 0;
    padding: 0;
}

.politicas-content-box ul li {
    margin-top: 5px;
    margin-left: 15px;
}


/*====== DIV FOOTER ======*/
footer{
	background-color: rgba(127, 127, 127, 1); 
	height:215px; 
	margin-top:0px; 
	font-size:1em;
	color:#818181;}

footer h4{text-align:center; color:#fff; }

.menuf{float:left; width:20%;margin-left:80px;  color: #fff;}


#movil{display:none;}
#movil2{display:none;}
.menu-tablet{display:none;}
#tablet{display:none;}
#contacto-tablet{display:none;}



.politicas-seguridad-box {
    background-color: #004fa5;
}

.politicas-seguridad-box p {
    color: #64c2ff;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
}

.politicas-seguridad-box p a {
    color: #fff;
}

.politicas-seguridad-box p a:hover {
    text-decoration: underline;
}

.contact-inf a {
    color: #004fa5;
}











/*    MOVIL   */




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

#wrap{display:none;}

#tablet{display:none;}
.menu-tablet{display:none;}
#contacto-tablet{display:none;}

#movil{display:block; width:100%;}

.menu_movil{position:fixed; width:100%; 	background-color:rgb(39, 55, 118); padding-top:0px;}

.menu_movil img{ width:50%; float:left;}

#panel-oculto img{width:25%; float:left;}

#panel-oculto {
	position: fixed;
	top: 110px;
	width: 100%;
	height:30px;
	z-index: 10;
	background-color:rgb(45, 112, 183);
	padding-top:6px;
}





.caja1{padding-top:159px;}
.caja1 img{width:95%;}

.caja1, .caja2, .caja3, .caja4, cajafooter{clear:both; }

.caja2 img{width:95%;padding-left:2%;}

.caja3 img{width:95%;padding-left:2%;}

.caja4 img {width:95%;padding-left:2%;}

.cajafooter img{width:70%;padding-left:15%;}





/*      EMPRESA MOVIL      */

#movil2{display:block; width:100%;}

.caja6{padding-top:159px;}
.caja6 img{width:100%; }

.caja6, .caja7, .caja8, .caja9, cajafooter{clear:both; }

.caja7 img{width:100%;padding-left:0px;}

.caja8 img {width:100%;padding-left:0px;}

.caja9 img {width:100%;padding-left:0px;}

.cajafooter{padding-top:-10px;}

.cajafooter img{width:80%;padding-left:15%;}





/*      CONTACTO MOVIL      */

#contacto{display:none;}

#contacto-movil{display:block; height:1100px; }

.datos{height:180px;}

.datos img{width:100%;}

#formulario .txt1{font-size:13px; color:#fff; float:left; margin-left:10px; margin-right:23px; padding-bottom:-40px; width:210px;}

#formulario .txt2{font-size:13px; color:#fff; float:left; margin-left:10px;}

input[type="text"]{
	background-color: #fff;
	font-size:15px; 
	width: 280px;
	color:#999; 
	border: 0px solid #fff;
	padding:10px;
	margin:10px;}


.estilotextarea {
	background-color: #fff;
	width:300px;
	height:164px;
	font-size:15px;
	margin:10px; 
	padding:0px;
	border: 0px solid #fff;
	color:#999; }



.enviar {
	-webkit-appearance: none;
	background-color: #0051a0;
	border: 0px solid #0051a0;
	width:84px;
	height:84px;
	font-size:15px;
    font-family:Verdana,Helvetica;
	border-radius:50px;
	float:right;
	margin-right:30px;
    

}



}