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

h1{color: #ffffff; line-height: 60px; font-size: 25px;}
h2{ display: inline-block; color: #ffffff; }
p{ color: #ffffff; font-size: 16px; text-align: left; font-weight: 300;}

#us{ background: #000000; text-align: center; width: 100%; height: auto; display: inline-block;}
#imagendatos{ width:40%; display: inline-block;}
#datos{width:34%; display: inline-block; vertical-align: top; padding:80px 0px 0px 0px;}
#products{background: url(../imagenes/fondo-productos.jpg) no-repeat; background-size: cover; width: 100%; height: auto; text-align: center;}
#productoscuadros{ display: inline-block; max-width: 615px; width: 100%; margin:0px; text-align: left;}
#productoscuadros2{ display: inline-block; max-width: 615px; width: 100%; margin: 10px 0px 0px 0px;}
#titulo1{vertical-align: top; margin: 65px 0px 0px 0px; color: #000000;}
#titulo1s{ display: inline-block; vertical-align: top; margin: 10px 0px 0px 0px; color: #000000;}
#contact{ width: 100%; height: auto; background: url(../imagenes/fondo-contacto.jpg) no-repeat; background-color: #000000; padding: 100px 0px 0px 0px; text-align: center;     background-size: contain;}
#wrapperaddress{ width:310px; display: inline-block; text-align: left; vertical-align: top; margin: 125px 100px 0px;}
#iframe{ width: 550px; height: 650px; border: none;}
.col-sm-4{ display: inline-block;}
#nav2{text-align: right; padding: 10px 40px 50px 0px;}
#nav2 li{ display: inline-block;}
#nav2 li a{ font-size: 14px;}
#productoscuadros img { max-width: 200px; height: auto;}
#wrapperform{ width: 550px; height: auto; display: inline-block; text-align: left;}
#wrapperform h1, #wrapperform p{padding: 0px 0px 0px 5px;}
#logocontact{width: 80%; text-align: left; padding: 50px 0px 50px 100px; opacity: 0.5;}

/* -------- Menu ----------  */

nav{text-align:center; width:100%; height:auto; background:url(../images/fondo-menu.png); position: relative; z-index: 50; display:inline-block !important;}

#nav, #nav ul{    padding: 0px;
    margin: 0px auto;
    width: 100%;
    max-width: 900px;
    padding-top: 5px;
    text-align: center;}

#nav a{ font-size: 36px; display:inline-block; padding:8px 10px 10px 10px; text-decoration:none; color:#ffffff; text-align: center; outline:none; font-weight:400;}

#nav a:hover{ color:#bcbcbc; padding:8px 10px 10px 10px; text-decoration:none; ttext-shadow:0 1px 0 #FFFFFF;  outline:none; display:inline-block;}

#nav a:active{ color:#000; padding:8px 10px 10px 10px; display:inline-block; text-decoration:none; text-shadow:0 1px 0 #FFFFFF;  outline:none;}

#nav li{display: inline-block; margin: 0px 60px 0px 0px;}

#nav ul {position:absolute; display:none; top:1.5em;}

#nav li ul a{width:6em; height:auto; float:left; }

#nav ul ul{top:auto;}	

#nav li ul ul {left:12em; margin:0px 0 0 10px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}	

nav select {width:90%; min-width:300px; font: 12px/15px Arial, Helvetica, sans-serif; color: #464646; outline: none; margin: 14px 0px 0px 0px; border: 2px solid #9e9e9e; }

.fixed{ position:fixed !important; background: #000000; top:0; z-index:9999; width:100%; display:inline-block !important; height:50px;  margin: 0px; text-align: center; left:0;}

.fixed #nav a{ font-size: 17px; display:inline-block; padding:8px 10px 10px 10px; text-decoration:none; color: #ffffff; text-align: center; outline:none; font-weight:300;}

#wrappernav{ width:100%; height:auto; text-align:center; max-width:900px; margin:0px auto;    display: inline-block;}

.log{ display: inline-block;
    float: left;}



@media handheld, (max-width:900px) {
	nav{ width:100%; margin:0px auto;}
}

@media handheld, (max-width:1056px) {
	#logocontact{padding: 0px 0px 100px 100px;}
	#contact{padding: 20px 0px 0px 0px;}
	#datos{ width: 80%; padding: 0px;}
	#imagendatos{ width: 60%;}
	#productoscuadros{ margin: 180px 0px 0px 0px;}
}

@media handheld, (max-width:730px) {
	#productoscuadros{ margin: 20px 0px 0px 0px;}
}