html, body {margin:0; padding:0; background:#cdcdcd;}
@font-face {font-family: fuenteInes; src: url(fuente.ttf);}
header {width:100%; border-bottom:1px solid black;}
footer {width:100%; border-top:1px solid black;}
header div.centrado, footer div.centrado {max-width:900px; width:100%; margin:1% auto 2%;}
footer div.centrado p {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; color: #333; text-align: center;}
ul {width:100%; margin:0; padding:0; list-style-type: none; float:left;}
li {display:inline;}
.menu {text-align: center; margin-top:2%; font-family: fuenteInes; font-size:14pt;}
.menu a {text-decoration:none; color:#5c5c5c; padding:1% 1% 1% 0.5%; border-right:2px solid #b1b1b1;}
.menu a.ultimo {border:0; padding:0;}
.menu a:hover {color:#979797;}
#menu_reducido {display:none;}
.piesito{font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; color: #333; text-align: center;}
img.center {display: block; margin-left: auto; margin-right: auto;}
.contenido {background: url(../img/fondo1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondo1.jpg', sizingMethod='scale')"; padding:1%;}
.contenido2 {background: url(../img/fondo1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondo1.jpg', sizingMethod='scale')"; padding:1%; height:400px;}
header div.centrado img {max-width:900px; max-height:54px; width:100%; height:100%;}
#slider-content {padding:2% 1%;}
.bxslider li {display: inline-block; height: 100%; vertical-align: middle;}
.bxslider li img {width:100%; height:100%; vertical-align: middle;}
.contenido-contacto {background: url(../img/fondo5.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondo5.jpg', sizingMethod='scale')"; padding:3% 1%;}
.contenido-critica {background: url(../img/fondo4.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondo4.jpg', sizingMethod='scale')"; padding:3% 1%;}
.clear {clear:both;}
.contacto, .comprar, .formulario-compra {max-width:900px; width:98%; margin:0 auto; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 0.75); padding:1%; font-family: fuenteInes;}
.contacto-izq {float:left; width:28%; border-right:2px solid black; padding:1%;}
.contacto-izq-oculto {display:none; width:96%; padding:0 0 0 3%;}
.contacto-izq-oculto h2 {margin-top:0;}
.contacto-der {float:right; padding:1%; width:66%;}
label {width:150px; text-align:left; display:inline-block; vertical-align: top;}
input[type=text], input[type=email], textarea {min-width:200px; max-width:300px; width:90%; padding:5px 10px;}
.critica, .cv {max-width:900px; width:96%; margin:0 auto; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 0.75); padding:1%; font-family: fuenteInes;}
.segunda {margin-top:2%;}
ul#submenu-cv, ul#submenu-criticas {display:none; background:white; padding:1%; position:absolute; margin-top:30px; overflow: hidden; text-align:left; z-index:99;}
ul#submenu-cv {margin-left:-110px; width:115px;}
ul#submenu-criticas {margin-left:-158px; width:170px;}
ul#submenu-cv a, ul#submenu-criticas a {display:block; border:0;}
nav ul.menu li#li1:hover > ul#submenu-cv, nav ul.menu li#li2:hover > ul#submenu-criticas {display:inline;}
nav ul.menu li#li1:hover > span.triangulo-cv, nav ul.menu li#li2:hover > span.triangulo-criticas {display:inline;}
.contenido-galeria {background: url(../img/fondo3.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondo3.jpg', sizingMethod='scale')"; padding:1%;}
.contenido-obras {background: url(../img/fondo2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondo2.jpg', sizingMethod='scale')"; padding:1%;}
.border-franja-superior {border:2px solid white; padding:6px 12px; margin:0 0 10px 0;}
.border-franja-inferior {border:2px solid white; padding:6px 12px; margin:10px 0 0 0;}
.franja-gris {padding:5px; background:#99999a; color:white; text-align:center; font-family:fuenteInes; font-size:16pt;}
.simulaFranja-superior {margin:0 0 10px 0;}
.simulaFranja-inferior {margin:10px 0 0 0;}
select {max-width:320px; width:96%; margin:1% 2%; padding:2% 3%; border:0; background: grey; color: white; font-weight: bold;}
.triangulo-cv, .triangulo-criticas {width: 0; height: 0; border-style: solid; border-width: 0 12.5px 15px 12.5px; border-color: transparent transparent #ffffff transparent; position:absolute; display:none; margin-top:20px;}
.triangulo-cv {margin-left: -48px;}
.triangulo-criticas {margin-left: -65px;}
.msg {background:#74d42d; width:96%; max-width:i400px; margin:0 auto; padding:1% 2%; border:1px solid green; color:green; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center; font-size:14px; font-family:fuenteInes;}
.obra_enVenta {float:left; max-width:225px; width:23%; padding:1%; margin-top:2%;}
.flotaIzq {float:left; font-weight:bold; font-size:20px;}
.flotaDer {float:right; font-weight:bold; font-size:20px; text-align:right;}
.titulo_obra {font-size: 18px; font-weight: bold; color: #333; text-align: justify;}
.codigo_obra {font-size: 16px; font-weight: normal; color: #F00; text-align: justify; margin-left: -2px;}
.fecha_obra {font-size: 10px; font-weight: normal; color: #666; text-align: left;}
.descripcion_obra {font-size: 14px; font-weight: normal; color: #333; text-align: left; margin-top: 15px; min-height:75px;}
.precio_obra {font-size: 18px; font-weight: bold; color: #F00; margin-top: 15px;}
#suma_dolares {font-size: 22px; font-weight: bold; color: #F00; margin-top: 15px;}
#suma_codigos {font-size:16px;}
.add_toCart {text-align:right;}
.agregar {font-size: 12px; font-weight: normal; color: #F00; text-align: left; margin-top: -10px; text-decoration: underline; cursor:pointer;} 
.agregar a {text-decoration:none; color: #F00;}
input[type=checkbox] {position:relative; top:3px;}
.imgCarro {width:95%; height:95%; max-height:160px; max-width:200px;}
.divOculto {display:none;}
.caja_form_izq {float:left; margin:1% 0; width:48%;}
.caja_form_der {float:right; margin:1% 0; width:48%;}
.inputCarro {max-width:250px !important;}
.textCarro {max-width:718px !important; min-height:75px;}
.minAlto {min-height:170px;}

@media only screen and (max-width: 740px) {
 .contacto-izq {width:200px;}
 .contacto-der {width:60%;}
}
@media only screen and (max-width: 650px) {
 .divOculto {display:block;}
 .obra_enVenta {max-width:325px; width:48%;}
 .imgCarro {max-width:300px; max-height:240px;}
}
@media only screen and (max-width: 585px) {
 .contacto-der {width:56%;}
}
@media only screen and (max-width: 558px) {
 .menu a {border:0;}
}
@media only screen and (max-width: 525px) {
 .contacto-der {width:50%;}
}
@media only screen and (max-width: 460px) {
 .contacto-izq {display:none;}
 .contacto-izq-oculto {display:inline-block;}
 .contacto-der {float:none; width:98%;}
 .caja_form_izq, .caja_form_der {float:none; width:98%;}
}
@media only screen and (max-width: 380px) {
 .obra_enVenta {float:none; clear:both; max-width:380px; width:98%;}
 .imgCarro {max-width:360px; max-height:298px;}
}
@media only screen and (max-width: 320px) {
 .menu {display:none;}
 #menu_reducido {display:inline;}
}