@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);

/*font-family: 'Lato', sans-serif;*/
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Ubuntu', sans-serif;*/

body
{
	/*background:#CDCDCD url(../imagenes/fondo.jpg) repeat-x top left;*/
	background:#e8c55f;
	font-family:Arial, Helvetica, sans-serif, bauhaus 93;
	font-size:12px;
	
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 10px 0 0 0;
	
	overflow-x: hidden;

	
	
}
html
{
	
	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-moz-transition: all 0.5s ease-in;
    /* WebKit */
    -webkit-transition: all 0.5s ease-in;
    /* Opera */
    -o-transition: all 0.5s ease-in;
    /* Standard */
    transition: all 0.5s ease-in; 



}

.separador{ display:block; width:100%; height:10px; overflow:hidden; position:relative;}
.col-centered {
    float: none!important;
    margin: 0 auto!important;
}
.no-margen{ margin:0!important; padding:0!important;}
a, a:visited { outline:0; color:#0045be; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
a img { border: none; }
.copyright a { color:#FFF; }
/*cabecera*/
.cabecera{ background:#fff; display:block; overflow:hidden; padding-top:15px; padding-bottom:10px;}
.cabecera img{ width:950px; height:400px;}
.contenido img{ width:100%; height:auto;}
.contenido{background:#fff; display:block; overflow:hidden; margin-top:5px!important; padding:0px;}
.cotizacion iframe{ width:100%; display:block; background:#8E8888; overflow:hidden; min-height:350px; padding:5px 0 5px 5px;}
.portada{ padding-top:15px;}
.facebook iframe{ width:100%;}
.pie{background:#fff; display:block; overflow:hidden; margin-top:3px!important; font-weight:bold; padding:5px;}
.copyright{ padding:5px; background-color:#e8c55f; color:#FFF; font-weight:bold;}
h1{font-size:21px;
	color:#999999;
	padding-bottom:20px;}
	
	/*navegacion*/
	
	ul#navegacion {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none; padding-top:8px;
}

ul#navegacion li {
    display: inline;
}

ul#navegacion li a{ background:#fc922f; border-bottom:solid 3px #ff85; padding:10px; color:#ff0; display: inline-block; text-transform:uppercase; min-width:210px; text-align:center; text-decoration:none;-moz-transition: all 0.5s ease-in;
    /* WebKit */
    -webkit-transition: all 0.5s ease-in;
    /* Opera */
    -o-transition: all 0.5s ease-in;
    /* Standard */
    transition: all 0.5s ease-in; }
	
	ul#navegacion li a:hover{ background:#efb683; color:#982; padding-bottom:5px!important;}
	
    ul#navegacion li a.current-page-item{ background:#efb683; color:#982; padding-bottom:5px!important;}
	
	
	button.boton-navegacion:focus {
  outline: none!important;

}
.boton-navegacion:hover > .icon-bar { background:#ffffff; }
.boton-navegacion{ position: relative; 
background: #0045be!important;
border:none;
padding: 5px 5px;
margin-top: 7px;

border-radius: 0px;
-moz-transition: all 0.5s ease-in;
    /* WebKit */
    -webkit-transition: all 0.5s ease-in;
    /* Opera */
    -o-transition: all 0.5s ease-in;
    /* Standard */
    transition: all 0.5s ease-in; 
}

button.boton-navegacion a{ border:none; text-decoration:none; }
.boton-navegacion .icon-bar{ background:#fff;-moz-transition: all 0.5s ease-in;
    /* WebKit */
    -webkit-transition: all 0.5s ease-in;
    /* Opera */
    -o-transition: all 0.5s ease-in;
    /* Standard */
    transition: all 0.5s ease-in; }
.boton-navegacion .icon-bar {
display: block;
width: 40px;
height: 3px;
margin:5px;
border-radius: 0px;}
.sitename{ text-transform:uppercase; font-weight:bold; line-height:60px;}
ul#navegacion-mobil {
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none; padding-top:10px;
}

ul#navegacion-mobil li a{ color:#c47129;-moz-transition: all 0.5s ease-in;
    /* WebKit */
    -webkit-transition: all 0.5s ease-in;
    /* Opera */
    -o-transition: all 0.5s ease-in;
    /* Standard */
    transition: all 0.5s ease-in;}
ul#navegacion-mobil li a:hover{ color:#982; text-decoration:none;}
.imagen-empresa{ display:block; width:100%; max-height:200px; overflow:hidden;}
.imagen-empresa img{ width:100%; height:auto; margin-top:-200px;}

/*MENU PLACAS*/
#menu-placas {
	margin:0 auto;
	padding:0;
	list-style:none;
	width:270px;	
	}
#menu-placas li {
	background:url(../imagenes/Cemos.png) no-repeat;
	width:270px;
	height:92px;
	padding:20px 0 6px 0;
	margin:0;
	}
#menu-placas li a{ 
	text-align:center;
	text-decoration:none;
	display:block;
	line-height:70px;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	position:relative;
	}
#menu-placas li a:hover { color:#897; }	

#menu-placas li.mp2ln a { line-height:35px; font-size:25px; }
.empresa h2 {font-size:21px;font-weight:bold;
	color:#0045be; text-transform:uppercase;
	padding-bottom:20px; text-align:center;}
	.empresa h1{color:#c05000; font-size:18px; text-transform:none; }
	.derecha{ text-align:right;}
	
	@media screen and (max-width: 992px){

.derecha{ text-align:center!important;}
.imagen-empresa img{ margin-top:-100px!important;}
.copyright{ text-align:center!important;}
	 }
	 
	 h3 {
  color: #c05000;
  font-weight:bold;
  font-size: 14px;
  padding-bottom: 10px;
}
.ubicacion iframe{ width:100%; min-height:350px;}
.list {
list-style: none;
  margin: 10px;
  padding: 0;
  color: #F88600;
  font-weight: bold;}

.list li {
  background: url(../imagenes/Puntos.jpg) no-repeat left;
  padding-left: 25px;
  line-height: 24px;
  margin-bottom: 0;
}
.productos h2{
font-size: 21px;
  color: #999999;
  padding-bottom: 20px; text-align:center; margin:0; padding:0;}
 
.productos-contenido img{ width:170px; height:auto;}
.productos-contenido h1{color: #000000;
  font-size: 18px;}
 .productos-contenido h2{ 
  font-size: 18px;
  padding-bottom: 10px;
  color: #000000;}
.Naranja {
  color: #ff6600;
  font-weight: bold;
 
}

.negritas {
  font-weight: bold;
}

ul#maker {
  margin: 0;
  padding:0;
}

ul#maker li {
  list-style-image: url(../imagenes/marker.gif);
  font-weight: bold;
  margin-left: 8px;
}
.pidacotizacion{ width:Auto; height:auto; overflow:hidden; display:block;}

#IMG{z-index:150;width:auto;background-color:transparent;left:500px;margin-top:-410px;position:relative;}
#PRDCTS{z-index:150;width:170px;left:610px;margin-top:-1330px;position:absolute;}

ul#list {
  margin: 0;
 padding-left: 1;

}
ul#list {
  text-align: left;
}