@import url("phone.css") only screen and (max-width: 480px);

@import url("tablet.css") only screen and (min-width: 481px);

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media screen and (min-width:990px), only screen and (orientation:landscape) {
	.gridContainer {
	width: 100%;
	padding: 0%;
	margin:0 auto;
}
}

@media only screen and (min-width: 769px) {
	#cabecera {
	min-height:165px;
}
.logo {
	margin: 20px 20px 10px;
}
.letraHeader {
	font-size:24px;
	text-transform: uppercase;
	margin: 100px 20px 0px;
	width: 34%;
	min-width: 358px;
}
nav ul {
	background-image: url(../_images/fondo_btn.jpg);
}
nav li a:link, nav li a:visited {
	font: normal 16px 'roboto_condensedbold' , "Arial", Helvetica, sans-serif;
	padding: 15px 1.20% 0px;
	min-height: 32px;	
}
#izq {
	float:left;
	width: 63%;
	margin: 3% 2% 0% 5%
}
#der {
	float: right;
	width: 22%;
	margin: 3% 3% 0% 0%;
	border-left: 1px dashed #FFF;
	border-top:none;
	padding: 0% 0% 0% 3.5%;
}
#lineablanca {
	margin: 0% 5% 4%; 
	padding: 3% 0% 0%;
}
#cajalogos  {
	margin: 0% 6%;
}
#cajalog {
	margin: 0% auto;
	padding: 0%;
	min-width: 244px;
	width:33%;
	height:112px;
	float:left;
	border-left:dashed 1px #666666;
	text-align:center;
}
#footer {
	padding:3% 3% 2%;
	}
#pieContac {
	float:left;
	background: url(../_images/detalle_pie2.png) no-repeat bottom right;
	border-right: 1px dotted #FFF;
	border-bottom: none;
	padding:0% 7% 0% 0%;
	margin:0% 1% 0% 0%;
	min-width::350px;
	width:26%
	}
#pieContac h1 {
	margin: 0% 0% 0.7% 0%;
}
#pieContac p {
	font: normal 11px 'roboto_condensedregular', "Arial", Helvetica, sans-serif;
	color: #FFF;
	margin: 0% 0% 0.5% 0%;
	padding: 0%;
	text-transform: uppercase;
}
#btnconsulta a:link, #btnconsulta a:visited {
	min-width:100px;
	width:10.5%;
	margin: 1% 0% 1% 2%;
	float:left;
	border-right: 1px dotted #FFF;
}
#btntelf a:link, #btntelf a:visited {
	min-width:100px;
	width:11%;
	margin: 1% 0% 1% 2%;
	float:left;
	border-right: 1px dotted #FFF;
	margin: 1% 0% 1% 2%;
}
#dogana a {
	float: right;
	margin:0% 0% 0% 2%;
}
#cajanaranja {
	float:left;
	min-height:30px;
}
#cajanaranja ul {
	float:center;	
	width:72.5%;
	padding: 0.8% 0% 0.2% 1.1%;
	text-align: left;
	border-bottom: none;
	height:25px;
	}
#cajanaranja li {
    font-size:11px;
	padding:0% 1%;
	}
#copyRight {
	border-top:none;
	border-left: 1px solid #FFF;
	float: right;
	width: 24%;
	padding: 1% 0.8% 1% 0.8%;
}
#menuserv ul {
	margin:0% 0% 3%;
	width:83%;
	}
#infoserv img {
	margin: 0% 0% 2% 2.5%;
	width:230px;
	height:160px;
	float: right;
}
.floatleft{
	margin: 0% 2.5% 1.5% 0% !important;
	float:left !important;
}
#mapa{
	width:312px;
	height:190px;
	float:right;
	padding:0%;
	margin:0% 0% 2% 3%;
	}
#clientes{
	float:left;
	margin:0% 2% 3% 2%;
	}
#clientetodo{
	max-width:880px;
	}
#contacIzq {
	width: 45%;
	margin: 1% 0% 1% 4%;
	float: left;
	padding-top:0%;
	padding-right:3%;
	border-right:solid #89898a 1px;
}
#cotizarDer {
	width: 40%;
	margin: 1% 4% 1% 2%;
	float: right;
}
.contizar input[type='submit']{
	margin: 0% 32% 0% 5%;
}
#mapacont{
	margin: 2% auto;
}
}
@media only screen and (min-width: 481px) {
.tipoCambio {
	font-size:11px;
	text-transform: uppercase;
	margin: 130px 0px 0px 4%;
	text-align: right;
	text-decoration: underline;
	letter-spacing: 1px;
	transform:scaleX(1.2);
	float: left;
}
.espacioUl {
	float: right;
	border-top:none;
	width: 420px;
}
#cabecera ul {
	padding: 20px 10px 0px 5px;
	float: right;
	width:176px;
	margin:0px 5px;
	border-top:none;
}
#cabecera ul li {
	padding: 0px;
	float: left;
	margin: 0px 0px 10px 10px;
}
}