
/* <style>/* */
body { font-family:Arial; margin:0; padding:0; }

.header_wrapper { width:100%; box-shadow:#666 0px 0px 10px; }
.header_wrapper .header { width:980px; padding:10px; margin:auto; }
.header_wrapper .header .logo { line-height:20px; font-size:20px; color:#f44029; }

.body { width:1000px; margin:auto; overflow:hidden; }

#bom div {color: #777}

.configurador { width:890px; padding:15px 30px; /*box-shadow:#666 0px 0px 10px;*/ margin:0 25px; min-height:400px; position:relative; }
.configurador .textoIntro { width:890px; margin:0 -25px 20px -25px; padding:0 25px; border-bottom:1px #000 solid; line-height:40px; }
.configurador .zona2 { width:890px; }
.configurador .zona2 .opciones { float:left; width:504px; margin:0 0 0 -20px; }
.configurador .zona2 .opciones .tipo { float:left; width:148px; margin:0 0 20px 20px; cursor:pointer; }
.configurador .zona2 .opciones .tipo .imagen { float:left; width:140px; height:135px; border:4px #000000 solid; }
.configurador .zona2 .opciones .tipo .imagen img { max-width: 100%; }
.configurador .zona2 .opciones .tipo .nombre { float:left; width:140px; line-height:20px; padding-top:5px; }
.configurador .zona2 .detalles { float:left; width:360px; margin:0 0 0 46px; }
.configurador .zona2 .detalles .texto{ font-size:13px; color:#545454; }
.configurador .zona2 .detalles .descripcionTipo { width:360px !important; }
.configurador .zona2 .detalles .descripcionTipo .text { padding:15px; }

.configurador .dimensionado { position:relative; width:890px; height:426px; margin:0 0 10px 0; }
.configurador .dimensionado .dimension { position:absolute; width:80px; height:23px; border:1px #000000 solid; padding:1px 4px; border-radius:5px; background:#FFF; }
.configurador .dimensionado .dimension .menos,
.configurador .dimensionado .dimension .mas,
.configurador .dimensionado .dimension .menos A,
.configurador .dimensionado .dimension .mas A { float:left; width:15px; height:20px; line-height:20px; text-decoration:none; text-align:center; color:#000000; display:block; font-weight:bold; }
.configurador .dimensionado .dimension .texto, 
.configurador .dimensionado .dimension .texto INPUT { float:left; width:40px; height:20px; line-height:20px; padding:0; margin:0; border:0; text-align:center; font-size: 13px; font-family: Arial}

.configurador #grafico { background:url(https://nexia.contentsort.com/imagenes/0011/00000105yxixg.png) repeat top left; width:876px; height:426px; margin:0 7px; }
#grafico2 { background:url(imagenes/0011/00000105yxixg.png) repeat top left; width:876px; height:426px; margin:0 7px; }

.configurador .boton { background:#000000; color:#FFF; border-radius:7px; padding:3px 5px; border:#000000 2px solid; cursor:pointer; }
.configurador .boton:hover { background:#ffffff; color:#000000; }

.configurador .loader {
	background:url(../../lib/js/prettyphoto/images/prettyPhoto/facebook/loader.gif) center no-repeat #FFF; 
	background-color: rgba(255, 255, 255, 0.7);
	position:absolute; top:0; left:0; width:100%; height:100%; }

.configurador .loader .cargando { 
	position: fixed; 	    
    margin-top: -50px;
    margin-left: -150px;
	top: calc(10% - 50px);
	left: calc(50% - 150px);
    width: 300px;
    height: 100px; 
    text-align: center;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 1);
    padding: 20px;
    border: solid 1px #000;
    background:url(../../lib/js/prettyphoto/images/prettyPhoto/facebook/loader.gif) center bottom no-repeat #FFF; 
    background-position: 50% 90%;
}

.footer_wrapper { width:100%; box-shadow:#666 0px 0px 10px; }
.footer_wrapper .footer { width:980px; padding:10px; margin:auto; }
.footer_wrapper .footer .logo { line-height:20px; font-size:20px; color:#f44029; }

.clear { clear:both; }

input:disabled { background-color:#999 !important;}