@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lato:100,300);
body {
	margin:0px;
	padding:0px;
	background: rgba(255,102,102,1);
	background:white;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
ul,li{
	list-style:none;
	margin:0px;
	padding:0px;
}
a img{
	border:none;
}
img{
	border:none;
}
a:link {
	color:  #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000 ;
}
a:active {
	text-decoration: none;
	color:  #0000  ;
}

.logo{
	background:white;
	top:0px;
	padding:10px;
	height:24px;
	max-height:44px;
	vertical-align: top;
	font-size:120%;
	color: #DC5053;
	border-bottom:1px #DC5053 solid;
	
}
.top{
	background:white;
	top:0px;
	padding:10px;
	
}
.nombre{
	position:absolute;
	top:10px;
	right:60px;
	text-align:right;
	font-weight:300;
}
.numeroNotf{
	position:absolute;
	background:#DC5053;
	color:white;
	top:0px;
	right:0px;
	width:44px;
	height:44px;
	text-align:center;
	font-weight:300;
	font-size:200%;
}
.seccion{
	position:absolute;
	top:10px;
	left:90px;
	text-align:left;
	font-size:200%;
}
.tiles{
	padding:0px;
	position:absolute;
	width:950px;
	top:44px;
	left:50%;
	margin-left:-475px;
	list-style:none;
}
.tiles li{
	 border: 2px solid  rgba(255,0,4,1.00);
	  
	  
	background: white ;
	background-position:0 -100px;
	color: rgba(245,81,84,1.00); 
	margin:-1px;
	
	transition: .6s color; 
	width:237px;
	height:217px;
	text-align:center;
	vertical-align:central;
	font-size:150%;
	padding-top:20px;
	float:left;
	color:red;
}
.tiles li.gordo{
	width:450px;
}

.divTile{
	position: relative;
	bottom:0px;
	right:10px;
	}
.results{
	background:#DC5053;
}
.results a{
	color: #DC5053;
}
.tiles span{
	 position:relative; top:30px
}

.formulario{
	background:white;
	position:absolute;
	height:100px;
	width:300px;
	left:50%;
	margin-left:-150px;
	top:40%;
	text-align:center;
	padding:10px;
}
.formulario li{
	padding-top:10px;
	color:#FF346D;
}
.izq{
	position:absolute;
	text-align:right;
	top:60px;
	left:0px;
	background: rgb(224,224,224);
	color:#FF346D;
	padding:10px;
}
.tabla_cotizacion{
	margin-left:200px;
}
.tabla_cotizacion table{
	color:#FF346D;
}
.opciones{
	position:absolute;
	bottom:0px;
}
.opciones li{
	float:left;
	width:100px;
	padding:10px;
	margin-left:1px;
	text-align:center;
	height:100px;
	background:white;
	color:#FF346D;
}
.paquetexpress{
	color:blue
	}
.resultados a{
	color:white;
}
h1{
	font-size:130%;
	font-family: 'Terminal Dosis Light';
	
}
.divider{
	width:8px;
	height:60%;
}

.verde{
	font-weight:bolder;
	color: #0F0;
	font-family: 'Terminal Dosis Light';
	text-shadow: #030 0.1em 0.1em 0.1em;
}
.rojo{
	
	font-weight:bolder;
	color: #F00;
	font-family: 'Terminal Dosis Light';
	text-shadow: #F99 0.1em 0.1em 0.2	em;
}
.centrado {

	position: absolute; /*Posicionamiento absoluto*/

	top:-20; /*Desde arriba, colocar al 50% de la pantalla*/

	left: 45%; /*Desde la izquierda, colocar al 50% de la pantalla*/

	width: 211px; /*Le ponemos el valor del alto*/

	height: 103px; /*Le ponemos el valor del ancho*/

	margin-left: -45px; /*Restamos la mitad de alto para centrarlo verticalmente*/

	 /*Restamos la mitad de ancho para centrarlo horizontalmente*/

	/*Este es el kolor de fondo, para ke el ejemplo sea visible*/

}

.hoja{
	background:url(../jpg/lined_paper.png) repeat;
	-moz-box-shadow:0 0 6px #AAAAAA;
	-webkit-box-shadow:0 0 6px #AAAAAA;
	box-shadow:0 0 6px #AAAAAA;
	

	
	
	
	
}
.tabla{
	margin-top:40px;
	background:url(../jpg/purty_wood.png) repeat;
	-moz-box-shadow:0 0 6px #000000;
	-webkit-box-shadow:0 0 6px #000000;
	box-shadow:0 0 6px #00000;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.boton_1{
	background:url(../jpg/purty_wood.png)  repeat;
	color:#000;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	border:hidden;
	-moz-box-shadow:0 0 6px  #000000;
	-webkit-box-shadow:0 0 6px #000000 ;
	box-shadow:0 0 6px  #000000;
	-webkit-animation: showMenu 1s; position:relative;
}

.boton_2{
	background:url(../jpg/purty_wood.png)  repeat;
	color:#fff;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	border:hidden;
	-moz-box-shadow:0 0 6px #000000;
	-webkit-box-shadow:0 0 6px #000000;
	box-shadow:0 0 6px #000000;
	-webkit-animation: showMenu 1s; position:relative;
	}
	
.tabla_2{
	background:url(../jpg/purty_wood.png) repeat;
	-moz-box-shadow:0 0 6px #000000;
	-webkit-box-shadow:0 0 6px #000000;
	box-shadow:0 0 6px #000000;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}
@-webkit-keyframes showlogo {
    from { opacity: 0; top:-20px; left:-30px; }
    to   { opacity: 1; }
}

.hoja_1{
	border-top: solid #000 2px;
	border-bottom: solid #000 2px;
}
.sub_verde{
	font-style:italic;
	border-bottom: solid #0C0 1px;
}
input{
	font-size:100%;
}
.top_folio{
	font-size:500%;
	background: #006;
	color: #F00;
	font-weight:bolder;
	
}
.tabla_folio{
	text-align:center;

	
	margin-top:40px;
	font-size:250%;
	background:url(../jpg/bg.png) repeat;
	-moz-box-shadow:0 0 6px #AAAAAA;
	-webkit-box-shadow:0 0 6px #AAAAAA;
	box-shadow:0 0 6px #AAAAAA;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.celdas_folio{
	min-height:60px;
	border: #FFF solid 2px;
	color:#FFF;
}
.celdas_folio a{
	
	color:#FFF;
}
	
.tabla_folio_2{
	text-align:center;

	
	margin-top:40px;
	font-size:250%;
	background: #036;
	-moz-box-shadow:0 0 6px #AAAAAA;
	-webkit-box-shadow:0 0 6px #AAAAAA;
	box-shadow:0 0 6px #AAAAAA;
	color:#FFF;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.titulo_logo_1{
	color:rgb(64,65,144);
	
	text-align:center;
}
.gaffete{
	font-family: 'Terminal Dosis Light';
	background:url(../jpg/gaffete_bco_400.png) no-repeat;
	width:400px;
	height:466px;
	top:0px;
	position:absolute;
	left:35%;
}
.gaffete_int{
	height:90%;
	width:90%;
	top:-20px;
	position:absolute;
	
}
.safari{
	bottom:5%;
	left:49%;
	position:absolute;
}
.fadebox {
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.overbox {
	display: block;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	z-index:1002;
	overflow: auto;
}
#content {
	text-align:center;
	background: #FFFFFF;
	border: solid 3px #CCCCCC;
	padding: 10px;
}