@font-face {
    font-family: 'opensanregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#opensanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensansemibold';
    src: url('font/opensans-semibold-webfont.eot');
    src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-semibold-webfont.woff2') format('woff2'),
         url('font/opensans-semibold-webfont.woff') format('woff'),
         url('font/opensans-semibold-webfont.ttf') format('truetype'),
         url('font/opensans-semibold-webfont.svg#opensansemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media print {
    @page { margin: 5px 30px; }
}

/*GENERAL*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-family:"opensanregular"; color:#3a3a3a;}
::-moz-placeholder { /* Firefox 19+ */font-family:"opensanregular"; color:#3a3a3a;}
:-ms-input-placeholder { /* IE 10+ */font-family:"opensanregular"; color:#3a3a3a;}
:-moz-placeholder { /* Firefox 18- */font-family:"opensanregular"; color:#3a3a3a;}

html, body{width:100%; margin:0px; padding:0px; background:#ffffff;}
body{ font-family:"opensanregular"; font-size:16px; color:#0b243c;}

.fondoadmin{ background: #fdf5d4;}
.fondopedidos{ background: #F8E3D8;}
.fondocomercial{ background: #E5EBDD;}

p{margin:0px; padding:0px;}
input, textarea{outline:none; resize:none; border: 1px solid #0b243c;}
.limpieza{clear:both;} 
h1, h2, h3, h4, h5{margin:0px; padding:0px;}
.alizq{text-align:left;}
.aldch{text-align:right;}
.alcen{text-align:center;}
.altura10{height:10px;}
.altura20{height:20px;}
.altura30{height:30px;}
.altura40{height:40px;}
.altura56{height:56px;}
.altura60{ height:60px;}
.altura100{height:100%;}
img{margin:0px; padding:0px; border:0 none; box-sizing:border-box; vertical-align: middle;}
.imageres img{ max-width:100%; height:auto;}
.caparelativa{ position:relative;}
.mayuscula{text-transform:uppercase;}
.subrayado{text-decoration:underline;}
.mensajeoculto{display:none;}
.mensajerror{ color:#ff0000; margin:5px 0px; font-weight:bold; font-size:14px;}
.nohay{ text-align:center; margin:100px 0px;}
.tablageneral{ display:table; width:100%;}
.tablafilageneral{ display:table-row; width:100%; position:relative;}
.tablacoltitulo{display:table-cell; vertical-align:middle; text-align:center; color:#0b243c; width:12.28%;padding:0px 1% 5px; font-weight:bold; position:relative;}
.tablacoltitulo2{display:table-cell; vertical-align:middle; text-align:left; color:#0b243c; width:12.28%; padding:5px 1% 5px; border-top:1px solid #0b243c; position:relative;}

.tablacoltitulo3{display:table-cell; vertical-align:middle; text-align:center; color:#0b243c; width:10.50%;padding:0px 1% 5px; font-weight:bold; position:relative;}
.tablacoltitulo4{display:table-cell; vertical-align:middle; text-align:left; color:#0b243c; width:10.50%; padding:5px 1% 5px; border-top:1px solid #0b243c; position:relative;}

.tablanoticoltitulo{display:table-cell; vertical-align:middle; text-align:left; color:#0b243c; width:14.28%;padding:0px 0px 5px; font-weight:bold;}
.tablacolgeneral25{ display:table-cell; vertical-align:middle; text-align:center; width:25%; padding:5px 0px 5px;}
.sinscroll{ overflow:hidden;}

#titulosapartados{ font-size:21px; text-align:left; margin:0px 0px 20px; font-weight:bold;}

#paraeditar{ width:100%;}
.sinover{ overflow:hidden;}

#opcionespdf{ position:fixed; top:0px; left:27px; display:none; width:100%; height:100%; z-index:10;}
#cuerpopcionespdf{ max-width:645px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
#titulopcionespdf{ color:#e22f2c; text-transform:uppercase; font-weight:bold; margin:0px 0px 17px; text-align:center;}
#txtopcionespdf{color:#0b243c; margin:0px 0px 22px;}
#txtopcionespdf ul{ list-style:none; margin:0px; padding:0px;}

#aceptaropcionespdf{float:left; font-size:16px; color:#0b243c; text-align:left; margin:0px 0px 0px;}
#aceptaropcionespdf strong{cursor:auto;}
#aceptaropcionespdf strong:hover{cursor:pointer;}
#cerraropcionespdf{float:right; font-size:16px; color:#0b243c; text-align:right; margin:0px 0px 0px;}
#cerraropcionespdf strong{cursor:auto;}
#cerraropcionespdf strong:hover{cursor:pointer;}

#muestranombrecliente{ position:absolute; top: 5px; right: 10px; z-index: 302; font-weight: bold;}
/*FIN GENERAL*/

/*LOGIN*/
.tablainicio{ display:table; width:100%; height:100%;}
.tablainiciofila{ display:table-row; width:100%;}
.tablainiciocol{ display:table-cell; width:100%; height:100%; vertical-align:middle; padding:20px 0px; position:relative;}
.fondodelmensaje{ background:rgba(11,36,60,0.3);}
#logopresu{text-align:center; margin:0px 0px 5px;}
#logopresu img{max-width:100px; width: 100%; height:auto;}
#logo{ text-align:center; /*margin:0px 0px 100px;*/ margin: 0px;}
#logo img{ max-width:100%; height:auto;}
#titulologin{text-align: center; margin: 30px 0px 70px; font-weight: bold; text-transform: uppercase;}
#tablelogin{ max-width:343px; width:95%; margin:0px auto; display:table;}
#tableloginfila{ width:100%; display:table-row;}
.tableloginfila{ width:100%; display:table-row;}
.tablelogincol1{display:table-cell; width:33px; text-align:left; vertical-align:bottom; padding:0px 0px 22px;}
.tablelogincol1 img{ margin:0px 0px 5px;}
.tablelogincol2{display:table-cell; text-align:center; vertical-align:bottom; padding:0px 0px 22px; position: relative;}
.tablelogincol2 div{ font-family:"opensansemibold"; color:#0b243c; margin:0px 0px 14px;}
.tablelogincol2 img{ position:absolute; top: 39px; right: -34px; height: auto; cursor: auto;}
.tablelogincol2 img:hover{ cursor:pointer;}
#tablenosabedatos{ max-width:500px; width:95%; margin:0px auto;}
.campologin{border:1px solid #8d99a4; width:97%; padding:5px 1%; font-family:"opensanregular"; font-size:17px; color:#3a3a3a;}
.lineincio{ width:45px; height:2px; background:#d8d8d8; margin:63px auto;}
#btentrar{ color:#fff; text-align:center; font-family:"opensansemibold"; background:#0b243c; max-width:158px; width:98%; margin:0px auto; padding:6px 0px;cursor:auto;}
#btentrar:hover{ cursor:pointer;}
#enlacesredes{ margin:0px auto 0px; padding:0px; list-style:none; max-width:217px; /*max-width:261px;*/ width:98%;}
#enlacesredes li{ border-radius:100%; background:#0b243c; width:30px; text-align:center; height:25px; display:inline-block; margin:0px 5px; padding:5px 0px 0px; position:relative;}
#enlacesredes li a{ position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
#enlacesredes li svg{fill: #fff;}

#olvidado{ cursor:auto; margin: 0px 0px 10px;}
#olvidado:hover{ cursor:pointer; text-decoration: underline;}
/*FIN LOGIN*/

/*VENTANA ERROR*/
#ventanaerror{ position:fixed; top:0px; left:0px; width:100%; height:100%; display:none; z-index:5; background:rgba(0,0,0, 0.2);}
#cuerpoerror{ max-width:500px; width:90%; margin:0px auto; padding:23px 2%; text-align:center; font-family:"opensanregular"; border:2px solid #0b243c; font-size:17px; background:#fff;}
#tituloerror{ color:#e22f2c; text-transform:uppercase; font-weight:bold; margin:0px 0px 17px; text-align:center;}
#txterror{color:#0b243c; margin:0px 0px 22px;}

#btcopiarpedido{width:120px; color:#fff; text-transform:uppercase; background:#0b243c; padding:5px 0px; margin:0px 0; float: left; font-family:"opensansemibold"; cursor:auto;}
#btcopiarpedido:hover{cursor:pointer;}
#btcerrarerrorpedidos{width:120px; color:#fff; text-transform:uppercase; background:#0b243c; padding:5px 0px; margin:0px 0; float: right; font-family:"opensansemibold"; cursor:auto;}
#btcerrarerrorpedidos:hover{ cursor:pointer;}

#mensajecarga{ text-align:center; font-weight: bold;}

#btcerrarerror{ width:120px; color:#fff; text-transform:uppercase; background:#0b243c; padding:5px 0px; margin:0px auto;  font-family:"opensansemibold"; cursor:auto;}
#btcerrarerror:hover{ cursor:pointer;}

#ventanalogin{position:fixed; width:100%; height:100%; z-index:50; left: 0px; top: 0px; display: none;}
#cuerpoventanalogin{max-width:440px; width:95%; padding:1%; border:4px solid #0b243c; margin:0px auto; background:#fff; position: relative; z-index: 2;}

#mensajeerror, #ventanausuario{ position:fixed; width:100%; height:100%;  z-index:50; left: 27px; top: 0px; display: none;}
#cuerpomensajeerror{ max-width:645px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
#txtpresuerror{color:#0b243c; text-align:left;}
#cerrarerror{font-size:16px; color:#0b243c; text-align:right; margin:43px 0px 0px;}
#cerrarerror strong{cursor:auto;}
#cerrarerror strong:hover{cursor:pointer;}

#cuerpoventanausuario{max-width:768px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff; position: relative; z-index: 2;}
#cuerpoventanausuario2{ display:block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; padding: 0px; margin: 0px;}
#tituloventanausuario{ color:#0b243c; text-transform:uppercase; font-weight:bold; margin:0px 0px 17px; text-align:center;}
.ventanausuarioizq{float: left; width: 48%;}
.ventanausuariodch{float: right; width: 48%;}
.tituloventanausu{font-weight: bold;}
.campoventusu{}
.campoventusu input{background-color: #fff; color:#0b243c; font-size: 15px; padding:5px 1% 5px 1%; font-family: "opensansemibold"; text-align: left; width:98%;}
.campoventusu input.obligatorio{ border:1px solid #ff0000;}
.regventusu{ margin: 0px 0px 20px;}
.cambioclave{ display: none;}
.btusu{ background: #0b243c; color: #fff; text-align: center; padding: 5px 10px; cursor: auto;}
.btusu:hover{cursor:pointer;}
#insertusu{ float:left; margin: 0px 10px 0px 0px;}
#btsavebanner{ float:left; margin: 0px 10px 0px 0px;}
#mandardato{ float: left; margin: 0px 10px 0px 0px;}
#modusu{ float: left; margin: 0px 10px 0px 0px;}
#deleusu{ float: left; margin: 0px 10px 0px 0px;}
#btenviar{ float: left; margin: 0px 10px 0px 0px;}
#btcerrardatoslogin{ float: right; margin: 0px 0px 0px 10px;}
#closeusu{ float: right; margin: 0px 0px 0px 10px;}
#btnuevousu{float: left; margin: 0px 10px 20px 0px;}

#cerrarcolores{font-size:16px; color:#0b243c; text-align:right; margin:43px 0px 0px;}
#cerrarcolores strong{cursor:auto;}
#cerrarcolores strong:hover{cursor:pointer;}

#cerrarpuertarefenciada{font-size:16px; color:#0b243c; text-align:right; margin:43px 0px 0px;}
#cerrarpuertarefenciada strong{cursor:auto;}
#cerrarpuertarefenciada strong:hover{cursor:pointer;}
/*FIN VENTANA ERROR*/

/*INICIO*/
#menulateral{position: fixed; display: none; top: 0; left: 0; padding: 0px; height: 100%; width: 48px; z-index: 810; -webkit-transition: -webkit-transform .3s ease-in-out,width .15s ease-in-out; -moz-transition: -moz-transform .15s ease-in-out,width .15s ease-in-out;  -o-transition: -o-transform .15s ease-in-out,width .15s ease-in-out; transition: transform .15s ease-in-out,width .15s ease-in-out; background:#0b243c;}
#menulateral.menuampliado{ width:268px;}
#cuerpolateral{ -webkit-transition: -webkit-transform .15s ease-in-out,margin .15s ease-in-out; -moz-transition: -moz-transform .15s ease-in-out,margin .15s ease-in-out; -o-transition: -o-transform .15s ease-in-out,margin .15s ease-in-out; transition: transform .15s ease-in-out,margin .15s ease-in-out; /*background:#fff;*/ position: relative;}
.cuerpolateralinicio{height:100%;}
.cuerpolateralresto{margin:0px 0px 0px 0px; }

#titulobienvenido{ position:absolute; top:50px; left:0px; width:100%; text-align:center; font-size:21px;}
#lineabienvenido{ margin:15px auto 0px; width:24px; height:1px; background:#0b243c;}
#cuerpoinicio{ max-width:1024px; width:95%; margin:0px auto;}
#cuerpoinicio ul{ list-style:none; margin:0px; padding:0px;}
#cuerpoinicio ul li{ display: inline-block; width: 22.5%; margin: 0px 1%; text-align: center; font-family:"opensanregular"; font-size:16px; color:#0b243c; font-weight:bold; text-transform:uppercase; position:relative;}
#cuerpoinicio ul li a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block;}
#cuerpoinicio ul li div{ margin:15px 0px;}
#cuerpoinicio ul li svg{width:64px; height:auto; }
/*FIN INICIO*/

/*MENUL LATERAL*/
#menudesplegado{display:none;}
#cerrarmenu{cursor:auto; padding:17px 0px 78px;}
#cerrarmenu:hover{ cursor:pointer;}
#cuerpomensindes{ width:24px; padding:0px; margin:0px auto; height:100%; position:relative;}
#cuerpomensindes.amplio{ width:232px;}
#menudesple{ width:100%; cursor:auto; padding:17px 0 0;}
#menudesple div{ background:#fff; margin:0px 0px 5px; height:3px; width:100%;}
#menudesple:hover{ cursor:pointer;}
#enlacesredesmenu{ position:absolute; bottom:20px; left:0px; width:100%;}
#enlacesredesmenu ul{ list-style:none; margin:0px; padding:0px 0px 0px;}
#enlacesredesmenu ul li{ width:100%; margin:0px 0px 5px; text-align: center; position:relative; transition:all .3s ease-in-out;}
#enlacesredesmenu ul li.redeshorizontal{ display:inline-block; margin:0px 4px 0px; width:20px;}
#enlacesredesmenu ul li a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block;}
#enlacesredesmenu ul li svg{ fill:#fff;}

#enlacesdelmenu{ color:#fff; font-size:16px; font-family:"opensansemibold";}
#enlacesdelmenu ul{ list-style:none; margin:0px; padding:0px 0px 21px;}
#enlacesdelmenu ul li{ width:100%; margin:0px 0px 5px; text-align: center; position:relative;}
#enlacesdelmenu ul li a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block;}
#enlacesdelmenu ul li svg{ fill:#fff;}
.iconomenu{ float:left; margin:0px 12px 0px 0px; width: 32px;}
.iconomenu svg{ max-width:100%; height: auto; fill: #fff; }
.txtmenu{ float:left; padding:5px 0px 0px; width: 186px; text-align: left;}
/*FIN MENU LATERAL*/

/*LISTA PRESUPUESTO*/
.linea{width:100%; height:1px; background:#cdcdcd; margin:10px 0px;}
/*FIN LISTA PRESUPUESTO*/

/*PRESUPUESTADOR*/
#cuerpopresu{padding:0px; position:relative;}
#presupuestoizq{ display: block; width:100%; margin:0px 0px 40px;}
.presupuestoizq2{ float:left; width:60%;}
#presupuestodch{ display: block; width:100%; margin:0px 0px 40px;}
.presupuestodch2{ float:right; width:38%;}
.titulopresupuesto1{ padding:0px 0px 10px; font-weight:bold; text-transform:uppercase; text-align:left; width:100%; border-bottom:1px solid #0b243c; margin:0px 0px 13px;}
.lineapresupuesto{width:100%; height:1px; background:#cdcdcd; margin:35px 0px;}

div#resuladocliente {background-color: white; border: 1px solid #0b243c; color: #333; left: 0px; top: 29px; margin:1px 0 0 0px; position: absolute; width: 99%; z-index: 99; display:none;}

#campoelijecliente{ width:97%; border: 1px solid #0b243c; padding: 5px 1%; color: #3a3c3e; font-size: 15px; margin: 0px 0px 15px; position: relative; z-index: 2;}
#resuladocliente ul{ list-style:none; padding: 0px; margin: 0px;}
#resuladocliente ul li{ cursor:auto; padding: 3px 1%; margin: 0; width: 98%;}
#resuladocliente ul li:hover{ cursor:pointer;}

.resultadobuscador{background:#fff; display:table; width:100%;}
.resultadobuscador2{width:100%;}
.resultadobuscadorfila{display:table-row; position:relative;}
/*.resultadobuscadorfila a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; z-index:100;}*/
.resultadobuscadorcol1{ display:table-cell; vertical-align:top; width:20%; position:relative; padding:5px 0px 5px 2%; }
.resultadobuscadorcol1 img{ max-width:100%; height:auto; position:relative;}
.resultadobuscadorcol1 a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; z-index:100;}
.resultadobuscadorcol2{ display:table-cell; vertical-align:top; width:80%; position:relative; padding:5px 0px 5px 5%; }
.resultadobuscadorcol2 a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; z-index:100;}
.buscadorprodref{ font-family:century; font-size:14px; color:#d8b9db; text-align:left; margin:0px 0px 5px;}
.buscadorproddescort{ font-family:century; font-size:14px; color:#7c7c7c; text-align:left; margin:0px 0px 0px; text-transform:uppercase;}
.buscadorimgprod{ width:100%; position:relative; margin:0px 0px 0px; border: 1px solid #f4f4f4; text-align:center; }
.vermasresultados{ text-align:center; padding:5px 0px; border-top:1px solid #f4f4f4; cursor:auto;}
.vermasresultados:hover{cursor:pointer;}
.borderbuscador{border-bottom:1px solid #f4f4f4;}
.precprodbusca{padding:13px 0px 0px; text-align:center; position:relative;}

#mensajecli{ margin: 20px 0px 0px; color: #ff0000; text-align: center;}

#desplegabletipocampo{ float:left; margin: 0px 1% 10px 0px; width: 48%;}
#refclientecampo{ float:right; margin: 0px 0 10px 0px; width: 48%;}
#nombrecampo{float:left; margin: 0px 1% 10px 0px; width: 48%;}
#apellidoscampo{float:right; margin: 0px 0 10px 0px; width: 48%;}
#direccioncampo{float:left; margin: 0px 0 10px 0px; width: 100%;}
#cpcampo{float:left; margin: 0px 2% 10px 0px; width: 23%;}
#telefono1campo{float:left; margin: 0px 2% 10px 0px; width: 23%;}
#telefono2campo{float:left; margin: 0px 2% 10px 0px; width: 23%;}
#emailcampo{float:left; margin: 0px 0 10px 0px; width: 25%;}
#observacionescampo{/*float:left;*/ margin: 0px 0% 10px 0px; width: 100%;}
#numpuertascampo{float:left; margin: 0px 1% 10px 0px; width: 24%;}
#seriecampo{float:left; margin: 0px 1% 10px 0px; width: 24%;}
#hojacampo{float:left; margin: 0px 1% 10px 0px; width: 24%;}
#manocampo{float:left; margin: 0px 0 10px 0px; width: 24.8%;}
#exteriormodelocampo{float:left; margin: 0px 1% 10px 0px; width: 24%;}
#exteriorcolorcampo{float:left; margin: 0px 1% 10px 0px; width: 24%;}
#exteriorherrajecampo{float:left; margin: 0px 1% 10px 0px; width: 24%;}
#exteriortapajuntascampo{float:left; margin: 0px 0 10px 0px; width: 24.8%;}

#interiormodelocampo{float:left; margin: 0px 1% 10px 0px; width: 24%;}
#interiorcolorcampo{float:left; margin: 0px 1% 10px 0px; width: 24%;}
#interiorherrajecampo{float:left; margin: 0px 1% 10px 0px; width: 24%;}
#interiortapajuntascampo{float:left; margin: 0px 0 10px 0px; width: 24.8%;}

#cerradurascampo{float:left; margin: 0px 1% 10px 0px; width: 32%;}
#pomoscampo{float:left; margin: 0px 1% 10px 0px; width: 32%;}
#mirillacampo{float:left; margin: 0px 0 10px 0px; width: 33%;}
#cerraduraexternacampo{float:left; margin: 0px 1% 10px 0px; width: 32%;}
#regruesocampo{float:left; margin: 0px 1% 10px 0px; width: 32%;}
#bastidorcampo{float:left; margin: 0px 1% 10px 0px; width: 32%;}

#premarcocampo{float:left; margin: 0px 1% 10px 0px; width: 32%;}
#fijoaltillocampo{float:left; margin: 0px 0 10px 0px; width: 33%;}
#rellenocampo{float:left; margin: 0px 1% 10px 0px; width: 32%;}

.enlacecolor{ cursor:auto;}
.enlacecolor:hover{ cursor:pointer; color:#fff;}
.nombredelcolor{ margin:5px 0px 0px;}

.limpiezainstax{ clear:both; display:none;}
#instalacion{float:left; margin: 0px 0 10px 0px;}
#tituloinstalacion{float:left; font-family:"opensansemibold"; font-size:16px; text-align:left; padding:5px 0px 0px; text-transform:uppercase; margin:0px 10px 0px 0px;}
#tituloinstalacion svg{ cursor:auto;}
#tituloinstalacion svg:hover{ cursor:pointer;}
#tituloinstalacionX{float:left; font-family:"opensansemibold"; font-size:16px; text-align:left; padding:5px 0px 0px; text-transform:uppercase; margin:0px 10px 0px 0px;}
#tituloinstalacionX svg{ cursor:auto;}
#tituloinstalacionX svg:hover{ cursor:pointer;}
#instalacion1{float:left; margin:0px 10px 0px 0px; width:100px;}
#instalacion2{float:left; margin:0px 10px 0px 0px; width:100px;}
.txteur{float:left; font-family:"opensansemibold"; font-size:16px; text-align:left; padding:5px 0px 0px; text-transform:uppercase; margin:0px 10px 0px 0px;}

#zonatipo{ margin:0px 0px 20px;}
#zonacliente{margin:0px 0px 20px;}
#zonaopciones{margin:0px 0px 20px;}
#zonaopciones2{margin:0px 0px 20px;}
#zonaconfigext{margin:0px 0px 20px;}
#zonaconfigint{margin:0px 0px 20px;}
#zonabastidor{margin:0px 0px 20px;}

.campopresupuesto input{border: 1px solid #0b243c; background-color: #fff; color:#0b243c; font-size: 15px; padding:5px 1% 5px 1%; font-family: "opensansemibold"; text-align: left; width:98%; margin:0px 0px 0px;}
.campopresupuesto input.borderojo{border: 1px solid #ff0000;}
.campopresupuesto select{border: 1px solid #0b243c; background-color: #fff; color:#0b243c; font-size: 15px; padding:4px 1%; font-family: "opensansemibold"; text-align: left; width:98%; margin:0px 0px 10px;}
.campopresupuesto textarea{border: 1px solid #0b243c; background-color: #fff; color:#0b243c; font-size: 15px; padding:5px 1% 5px 1%; font-family: "opensansemibold"; text-align: left; width:98%; height:102px;}
.campopresupuesto textarea.borderojo{border: 1px solid #ff0000;}
.medidaizq{ float:left; width:48%;}
.medidadch{ float:right; width:48%;}

.dropbtn {font-size: 15px; text-transform:uppercase; padding: 4px 0px 4px 2%; background-color: #fff; color: #3e4051; width: 98%; cursor: auto; position:relative; border:1px solid #0b243c; font-family:"opensansemibold"; text-align:left;}
.dropbtn:hover{ cursor:pointer;}
.dropbtn input{ width:93%; text-transform:uppercase;  color: #3e4051;  font-size: 15px; border:0px solid; font-family:"opensansemibold";}
.camposeleccionado{ background:#bdbdbd;}
.desactivado input{ width:93%; text-transform:uppercase;  color: #aeadad;  font-size: 15px; border:0px solid; font-family:"opensansemibold";}
.dropbtn svg{ position:absolute; top:9px; right:1px; width: 25px;  height:auto; /*z-index:9;*/ /*background:#fff;*/}
.dropbtn2{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; cursor:auto; z-index:5;}
.dropbtn2:hover{ cursor:pointer;}

.dropdown {position: relative; display: inline-block; border: none; font-size: 15px; /*height: 39px;*/ width: 100%}
.dropdown-content { display: none; position: absolute; background-color: #fff; width: 100%; height:200px;  overflow: auto; border: 1px solid #0b243c; z-index: 6; top: 31px; left: 0px;}
.dropdown-content2{height:120px;}
.dropdown-content ul{ margin:0px; padding:0px; list-style:none; background:#fff;}
.dropdown-content ul li{ /*margin:11px 0px 7px;*/ padding:5px 0px 5px 6px; cursor:auto; font-family:"opensansemibold"; font-size:15px;}
.dropdown-content ul li:hover{ cursor:pointer; background-color:#0b243c; color:#fff;}
.show {display:block;}

.desactivado .dropbtn {border: 1px solid #aeadad;}
#formparaenvio{ display:none; margin:10px 0px 0px;}
#formparaenvio .campopresupuesto{ margin:0px 0px 5px;}

.tituloayuda{ background:#0b243c; color:#fff; font-size:16px; text-transform:uppercase; text-align:center; font-weight:bold; padding:8px 0px; width:100%; position:relative;}
#cerrarayuda{ position:absolute; top:7px; right:20px; cursor:auto; display:none;}
#cerrarayuda:hover{ cursor:pointer;}
.cuerpoayudavisual{background:#f9f9f9; padding:18px 2%; width:96%;}
.zonavisual{ border:1px solid #d2d2d2; background:#fff; width:84px; min-height:160px; position:relative; text-align:center; padding:11px 5px; /*float:left;*/ display:inline-block; vertical-align:top; margin:0px 18px 10px;}
.zonavisual2{ border:1px solid #d2d2d2; background:#fff; width:93px; min-height:160px; position:relative; text-align:center; padding:11px 5px; /*float:left;*/ display:inline-block; vertical-align:top; margin:0px 18px 10px;}
.titulovisual{ color:#8f8f8f; font-family:"opensansemibold"; font-size:15px; text-align:center; margin:0px 0px 8px; text-transform:uppercase;}
.titulogrupo{ text-align:center; text-transform:uppercase; color:#0b243c; font-weight:bold; font-size:15px; margin:15px 0px;}
.previoimagen{text-align:center; font-weight:bold; position:relative;}
.previoimagen img{max-width:100%; height:auto;}
.previopuertacolor{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.precioprevio{ font-size:14px;}
.info{ position:absolute; top:9px; right:-8px; width:16px; height:16px; cursor:auto; display: none;}
.info:hover{cursor:pointer;}

.tablaopciones{ display:table; width:100%;}
.tablaopcionesfila{ display:table-row; width:100%;}
.tablaopcionescol{ display:table-cell; text-align:left; vertical-align:middle; padding:0px 1%; width:33%;}
.tablaopcionescol2{ display:table-cell; text-align:left; vertical-align:middle; padding:0px 1%; width:63%;}
.tablaopcionescol img{ width:100%; height:auto;}

#calculoizq{ float:left; width:48%;}
#calculodch{ float:right; width:48%;}
#btcalcular{ position:relative; background:#0b243c; color:#fff; text-align:center; text-transform:uppercase; font-weight:bold; padding:2px 9px; cursor:auto; width:177px; margin:0px 0px 11px;}
#btcalcular:hover{ cursor:pointer;}
#btcalcular img{ position:absolute; top:0px; right:-8px;}
#btcheck{ float:left; margin:20px 25px 20px 0px; cursor:auto; font-weight:bold;}
#btcheck img{ margin:0px 5px 0px 0px;}
#btcheck:hover{ cursor:pointer;}

#btcosto{ float:left; margin:20px 10px 20px 0px; cursor:auto; font-weight:bold;}
#btcosto img{ margin:0px 5px 0px 0px;}
#btcosto:hover{ cursor:pointer;}
#txtparausuario{ font-family:"opensansemibold"; font-size:16px; color:#7b7b7b; text-align:left;}
#titulofecha{ margin:38px 0px 7px; color:#7b7b7b; font-family:"opensansemibold"; text-align:left;}
.campofecha{ float:left; margin:0px 17px 0px 0px;}
.campofecha input{border:1px solid #0b243c;  background-color: #fff; color:#0b243c; font-size: 15px; padding:5px 1% 5px 1%; font-family: "opensansemibold"; text-align: left; width:98%;}

#btcalendario{ float:left; cursor:auto;}
#btcalendario:hover{ cursor:pointer;}

#btvercodigodebarras{ cursor:auto; margin:20px 0px 0px; float:left;}
#btvercodigodebarras:hover{ cursor:pointer;}
#codigobarasizq{ float:left; margin:0px 10px 0px 0px;}
#codigobarasdch{ float:left; margin:0px 0px 0px 0px;}

#resrefpuer{ width:100%; margin:10px 0px 0px;}
#resrefpuer img{ width:100%;}

#titulosuma{ text-align:right; color:#0b243c; font-family:"opensansemibold"; padding:0px 0px 8px; border-bottom:1px solid #0b243c; margin:0px 0px 15px;}
.subtitulosuma{ text-align:center; color:#7b7b7b; font-family:"opensanregular"; font-weight:bold; margin:0px 0px 7px;}
.totalcol{ float:left; width:23%; margin:0px 1%; position:relative;}
.totalcol input{border:1px solid #0b243c;  background-color: #fff; color:#0b243c; font-size: 12px; padding:5px 1% 5px 1%; font-family: "opensansemibold"; text-align: left; width:98%; margin:11px 0px 0px;}
.totalcol2{ float:left; width:23%; margin:0px 1%; position:relative;}
#porcentaje{ position:absolute; top: 15px; right: 7px; color:#7b7b7b; width:10px;}
.totalprecios{text-align:center; color:#0b243c; font-family:"opensansemibold";}
#zonapreciofinal{ background:#0b243c; padding:7px 2%; width:96%; color:#fff; font-family:"opensanregular"; font-weight:bold; text-transform:uppercase; margin:16px 0px 0px;}
#zonapreciofinalizq{ float:left;}
#zonapreciofinaldch{ float:right;}

#zonatipovivienda{ position:fixed; background:#fff; width:100%; height:100%;  left: 0px; top: 0px; display: block; z-index:301;}
#cuerpotipovivienda{ max-width:527px; width:95%;margin:0px auto;}
#cuerpotipovivienda img{ max-width:100%; height:auto;}

#tipoviviendaizq{ float:left; width:48%; text-align:center; cursor:auto;}
#tipoviviendaizq:hover{cursor:pointer;}
#tipoviviendadch{ float:right; width:48%; text-align:center; cursor:auto;}
#tipoviviendadch:hover{cursor:pointer;}

#titulotipo{ font-family:"opensansemibold"; font-size:21px; color:#0b243c; text-align:center; margin:20px auto 50px; text-transform:uppercase;}
.txttipo{font-family:"opensansemibold"; font-size:18px; color:#0b243c; margin:40px auto 0px; text-transform:uppercase;}

#zonacamposinstalacion{position:fixed; width:100%; height:100%; left: 27px; top: 0px; display: none;  z-index:301;}
#zonapuertasreferenciadas{position:fixed; width:100%; height:100%; left: 27px; top: 0px; display: none;  z-index:301;}
#zonacamposcolores{position:fixed; width:100%; height:100%; left: 27px; top: 0px; display: none;  z-index:301;}
#zonaparaobservaciones{position:fixed; width:100%; height:100%; left: 27px; top: 0px; display: none;  z-index:301;}
#zonainfo{position:fixed; width:100%; height:100%;  left: 27px; top: 0px; display: none;  z-index:301;}

#cuerpozonacamposcolores{max-width:859px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
#cuerpozonacamposcolores2{height:300px; overflow-y:auto; width:100%;}
#cuerpozonacamposinstalacion{max-width:645px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
#cuerpopuertasrefenciadas{max-width:645px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}

#cuerpozonaparaobservaciones{max-width:859px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
.colpaob{ float:left; width:31.33%; margin:0px 1%;}

#cuerpoinfo{max-width:645px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
#imginfo{ width:40%; float:left; text-align:center;}
#imginfo img{ max-width:100%; height:auto;}
#descinfo{ float:right; width:58%;}


#muestrainstalacion{ display:none;}
#muestrainstalacionx{ display:none;}
.titulocamposinstalacion{color:#0b243c; text-transform:uppercase; font-weight:bold; margin:0px 0px 17px; text-align:center;}
.campotextarea textarea{border: 1px solid #0b243c; background-color: #fff; color:#0b243c; font-size: 15px; padding:5px 1% 5px 1%; font-family: "opensansemibold"; text-align: left; width:98%; height:200px;}
.campotextarea2 textarea{border: 1px solid #0b243c; background-color: #fff; color:#0b243c; font-size: 15px; padding:5px 1% 5px 1%; font-family: "opensansemibold"; text-align: left; width:98%; height:100px;}
#cerrarinstalacion{font-size:16px; color:#0b243c; text-align:right; margin:10px 0px 0px;}
#cerrarinstalacion strong{cursor:auto;}
#cerrarinstalacion strong:hover{cursor:pointer;}

#cerrarinfo{font-size:16px; color:#0b243c; text-align:right; margin:10px 0px 0px;}
#cerrarinfo strong{cursor:auto;}
#cerrarinfo strong:hover{cursor:pointer;}


.titulosalertas{ text-align:center; text-transform:uppercase; font-weight:bold; margin:0px 0px 20px;}
.mininfo{ text-align:center; color:#e00b0b; font-family:"opensanregular"; font-style:italic; margin:5px 0px;}
#mensajepuertareferenciada{ margin:10px 0px; text-align:left;}

#ayuda{ display:none; position:fixed; top:33px; right:0px; cursor:auto; z-index:300;}
#ayuda:hover{cursor:pointer;}

#copiarreferencia{ background:#0b243c; color:#fff; text-align:center; max-width:200px; padding:5px; cursor:auto; display:none;}
#copiarreferencia:hover{cursor:pointer;}


#cuerpobuscapres{ /*max-width:640px;*/ margin:50px 0px 30px;}
.enlaceflo{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; z-index:9;}

.sobrecolped:hover{ background:#0b243c; color:#fff;}
.sobrecolped:hover > .tablacoltitulo2{ color:#fff;}
.sobrecolped:hover > .tablacoltitulo4{ color:#fff;}

#presupuestonoencontrada{ margin:250px 0px; width:100%; text-align:center; text-transform:uppercase; font-size:17px;}
.enlacevolver{ font-weight:bold; text-decoration:none; color:#0b243c;}
.enlacevolver:hover{text-decoration:underline;}

#ventanacomprobacion{ position:fixed; width:100%; height:100%;  z-index:50; left: 27px; top: 0px; display: none;}
#cuerpocomprobacion{ max-width:800px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
.cuerpocomprobacionizq{ display:inline-block; width:31%; padding:0px 1%;}
.cuerpocomprobacion2{ padding:0px 1%; margin:10px 0px;}
#cuerpocomprobaciondch{ float:right; width:48%;}

#txtcomprobamen{ background:#eee; padding:5px 1%; width:98%;  margin:10px auto;}
#btaceptarcomproba{padding: 8px 20px; margin:0px 20px 0px 0px; background: #0b243c; color: #fff; font-size: 15px; float:left; cursor:auto;}
#btaceptarcomproba:hover{cursor:pointer;}

#btcopiarpedido{padding: 8px 20px; background: #0b243c; color: #fff; font-size: 15px; float:left; cursor:auto;}
#btcopiarpedido:hover{cursor:pointer;}

#btcancelacomproba{padding: 8px 20px; background: #0b243c; color: #fff; font-size: 15px; float:right; cursor:auto;}
#btcancelacomproba:hover{ cursor:pointer;}
#txterrorescomprobacion{ padding:5px 1%; width:98%; margin:5px auto 10px;}

#btaceptarobservaciones{padding: 8px 20px; background: #0b243c; color: #fff; font-size: 15px; float:left; cursor:auto;}
#btaceptarobservaciones:hover{cursor:pointer;}

#btcerrarobservaciones{padding: 8px 20px; background: #0b243c; color: #fff; font-size: 15px; float:right; cursor:auto;}
#btcerrarobservaciones:hover{cursor:pointer;}

.colbuscador{ display:inline-block; margin:0px 20px 20px 0px; vertical-align:middle;}
.colbuscador > div{ display:inline-block; margin:0px 10px 0px 0px;}
#btbuscar{ cursor:auto;}
#btbuscar:hover{ cursor:pointer;}
.enlaloc{z-index: 10; position: relative;}

.enlaceexporta{ position:relative; background-color: #0b243c; color: #fff; text-align: center; border-radius: 5px; padding: 5px 0px; margin: 0px auto 40px 0px; width: 170px;}
.enlaceexporta a{ position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;}

#btbanner{ cursor:auto;}
#btbanner:hover{ cursor:pointer;}
/*FIN PRESUPUESTADOR*/

/*CALENDARIO*/
#calendario{ position:fixed; top:0px; left:27px; display:none; width:100%; height:100%; z-index:10;}
#cuerpocalendario{ max-width:645px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
.tablacalendario{ display:table; width:100%;}
.tablacalendariofila{ display:table-row; width:100%;}
.nombredelmes{font-size:15px; font-weight:bold; text-align:center; color:#0b243c; margin:0px 0px 12px;}
.nombredia{ display:table-cell; text-align:center; color:#fff; width:14.28%; background:#0b243c; vertical-align:middle;}
.dias{ display:table-cell; text-align:center; color:#8f8f8f; width:14.28%; padding:5px 0px;}
#calendarioizq{ float:left; width:48%;}
#calendariodch{ float:right; width:48%;}
#indicacacionescalendario{ max-width:465px; width:95%; margin:20px auto 0px;}
#indicacacionescalendario ul{ list-style:none; margin:0px auto; padding:0px; max-width:338px;}
#indicacacionescalendario ul li{ display: inline; width: 22.5%; margin: 0px 1%; text-align: center; font-family:"opensansemibold"; font-size:13px;}
#indicacacionescalendario ul li:last-child{width: 20.5%;}
.colorfindesemana{color:#e79b4a;}
.colorfestivo{color:#cc7ad2;}
.colorfechaentrega{color:#dc0606;}
.colorfechainicio{color:#5799e3;}
.diasubrallado{border-bottom:1px solid #5799e3;}
.diasubralladoblanco{border-bottom:1px solid #fff;}
#mesante{ float:left; cursor:auto;}
#mesante:hover{cursor:pointer;}
#messigui{ float:right; cursor:auto;}
#messigui:hover{cursor:pointer;}
#cerrarcalendario{font-size:16px; color:#0b243c; text-align:right; margin:43px 0px 0px;}
#cerrarcalendario strong{cursor:auto;}
#cerrarcalendario strong:hover{cursor:pointer;}
/*FIN CALENDARIO*/

/*PEDIDOS*/
#tablapedidos{display:table; width:100%;}
#tablapedidosres{ display:none; width:100%;}
.tituped{ text-align:left; font-size:19px; padding:0px 0px 10px; border-bottom:1px solid #0a233d; margin:0px 0px 10px; font-weight:bold; display:inline-block; vertical-align:middle; width:100%;}
.regped{ width:100%; margin:0px 0px 23px;}
.colped{ position:relative;}
.colped:hover{background:#0b243c; color:#fff;}
.colped div{ display:inline-block; margin:0px 10px 10px 0px;}
/*FIN PEDIDOS*/

/*CONFIGURACION*/
#confdatosclizq{ float:left; width:63.47%; /*max-width:883px;*/}
#confdatoscldch{float:right; width:32.13%; /*max-width:203px;*/}

#btborrarimagen{ color:#fff; text-align:center; font-family:"opensansemibold"; background:#0b243c; max-width:158px; width:98%; margin:7px 0px 0px auto; padding:6px 0px;cursor:auto;}
#btborrarimagen:hover{ cursor:pointer;}

#datosizq{ float:left;  width:48.81%;}
#datosdch{ float:right;  width:49.03%;}

.camposconfiguracion{ display:inline-block; margin:0px 1% 14px 0px; vertical-align:middle;}
.camposconfiguracion2{ display:inline-block; margin:0px 1% 14px 0px; vertical-align:top;}
.conf_ancho74{ width:70%;}
.conf_ancho60{ width:60%;}
.conf_ancho83{width:83%;}
.conf_ancho82{width:82%;}
.conf_ancho2894{ width:28.94%;}
.conf_ancho2380{ width:23.80%;}
.conf_ancho1875{ width:18.75%;}
.ancho4043{ width:40.43%;}
.ancho3816{ width:38.16%;}
.ancho3284{ width:32.84%;}
.ancho2887{ width:28.87%;}

.campoconfi textarea{border: 1px solid #0b243c; background-color: #fff; color:#0b243c; font-size: 15px; padding:5px 1% 5px 1%; font-family: "opensansemibold"; text-align: left; width:98%; height:110px;}
.campoconfi2{ width:82%;}
.campoconfi2 textarea{border: 1px solid #0b243c; background-color: #fff; color:#0b243c; font-size: 15px; padding:5px 1% 5px 1%; font-family: "opensansemibold"; text-align: left; width:98%; height:56px;}

#imagenpreviaconf{ width:203px; height:125px; background:#fafafa;}

#confrazon{ width:100%; margin:0px 0px 15px;}
#confnombre{ width:100%; margin:0px 0px 15px;}
#confcif{ width:100%; margin:0px 0px 15px;}
#confdir{ width:100%; margin:0px 0px 15px;}
#confdir textarea{ height:155px;}
#confpobla{ float:left; width:31.33%; padding:0px 2% 0px 0px; margin:0px 0px 15px;}
#confprov{ float:left; width:31.33%; padding:0px 2% 0px 0px; margin:0px 0px 15px;}
#confpais{ float:left; width:33.33%; padding:0px 0px 0px 0px; margin:0px 0px 15px;}
#confcp{float:left; width:23%; padding:0px 2% 0px 0px; margin:0px 0px 15px;}
#conftlf{float:left; width:23%; padding:0px 2% 0px 0px; margin:0px 0px 15px;}
#conffax{float:left; width:23%; padding:0px 2% 0px 0px; margin:0px 0px 15px;}
#confemail{float:left; width:25%; padding:0px 0px 0px 0px; margin:0px 0px 15px;}
.colmargenrecomendado1{ float:left; margin:4px 15px 10px 0px;}
.colmargenrecomendado2{ float:left; margin:0px 15px 10px 0px;}
#btmargenrecomendado{ float:left; margin:0px 0px 10px 0px; background:#0b243c; padding:5px; color:#fff; cursor:auto;}
#btmargenrecomendado:hover{ cursor:pointer;}
.colmodeloimpresion1{ float:left; margin:0px 15px 10px 0px;}
.colmodeloimpresion2{ float:left; margin:0px 15px 10px 0px;}

.colcolor{ float:left; margin:0px 15px 0px 0px;}
#encabezadoimp-open{ width:20px; height:20px; float:left; cursor:auto; border:1px solid #000;}
#encabezadoimp-open:hover{ cursor:pointer;}
.colfuente{ float:left; margin:0px 15px 0px 0px;}
#colorfuente-open{ width:20px; height:20px; float:left; cursor:auto; border:1px solid #000;}
#colorfuente-open:hover{ cursor:pointer;}

#logocliente{width:100%; background:#ececec; margin:20px 0px 0px; position:relative;}
#logocliente img{ width:100%; height:auto;}
#logocliente div{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#confterminos{ margin:0px 0px 30px;}

.tablaconfiguracion{ display:table; width: 100%; border-top:1px solid #1d1c3d; border-left:1px solid #1d1c3d; border-right:1px solid #1d1c3d; }
.tablaconfiguracionfila{display:table-row; width: 100%;}
.tablaconfiguracionfila2{display:table-row; width: 100%; cursor: auto;}
.tablaconfiguracionfila2:hover{ cursor:pointer; background-color:#1d1c3d; color: #fff !important;}
.tablaconfiguracioncol{display:table-cell; width: 31%; padding: 5px 1%; background-color: #1d1c3d; color: #fff; text-align: left; text-transform: uppercase;}
.tablaconfiguracioncol2{display:table-cell; width: 31%; padding: 5px 1%; text-align: left;}
.tablaconfiguracionborde1{ border-right: 1px solid #fff;}
.tablaconfiguracionborde2{ border-right: 1px solid #1d1c3d;}
.tablaconfiguracionborde3{ border-bottom: 1px solid #1d1c3d;}
.tablaconfiguracionborde4{ border-bottom: 1px solid #fff;}

.tablausuariocol{display:table-cell; width: 23%; padding: 5px 1%; background-color: #1d1c3d; color: #fff; text-align: left; text-transform: uppercase;}
.tablausuariocol2{display:table-cell; width: 23%; padding: 5px 1%; text-align: left;}

.tablaconfiguracionfila2:hover .tablaconfiguracionborde2{border-right: 1px solid #fff;}
/*FIN CONFIGURACION*/

/*MENSAJES*/
.cursor{ cursor:auto;}
.cursor:hover{ cursor:pointer;}
#cuerpozonasdecomunicacion{ max-width:645px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
#escribirmensajeresponder{ display:none; max-width:645px; width:95%; padding:20px; border:4px solid #0b243c; margin:0px auto; background:#fff;}
#paramensajear{ position:fixed; top:0px; left:27px; display:none; width:100%; height:100%; z-index:10;}
#cerrarmensajear{font-size:16px; color:#0b243c; text-align:right; margin:43px 0px 0px; float:right;}
#cerrarmensajear strong{cursor:auto;}
#cerrarmensajear strong:hover{cursor:pointer;}

#btenviarmensaje{font-size: 16px; color: #0b243c; text-align: left; margin: 43px 0px 0px;float: left; cursor:auto;}
#btenviarmensaje:hover{cursor:pointer;}
/*.borderojo{ border:1px solid #ff0000;.campopresupuesto textarea}*/
#cerrarresponder{font-size:16px; color:#0b243c; text-align:right; margin:43px 0px 0px; float:right;}
#cerrarresponder strong{cursor:auto;}
#cerrarresponder strong:hover{cursor:pointer;}

#respondermensaje{font-size:16px; color:#0b243c; text-align:left; margin:43px 0px 0px; float:left; cursor:auto;}
#respondermensaje:hover{ cursor:pointer;}
#btnuevomensaje{ color:#fff; float:right; background:#0b243c; padding:5px 10px; cursor:auto; margin:0px 0px 20px;}
#btnuevomensaje:hover{ cursor:pointer;}
.colmen{}
.colmen2{ width:100%}

.mensajesep{ width:100%; height:1px; background:#0b243c; margin:10px 0px;}
.datosmensaje{ margin:10px 0px; width:100%;}
.cuerpodelmensaje{ margin:10px 0px; width:100%;}
#tablacomunicacion{ display:table; width:100%;}
#tablacomunicacion2{ display:none; width:100%;}
#zonasdecomunicacion{ /*max-width:465px;*/ width:95%; margin:20px auto 0px; overflow-y: scroll; height: 400px; border: 2px solid #0b243c; padding: 20px 1%;}
.mensajizq{ display: inline-block; width:49%; vertical-align:top;}
.mensajdch{ display: inline-block; width:49%; vertical-align:top;}
.regmensa{text-align: left; color: #0b243c; padding: 10px 0px; border-top: 1px solid #0b243c;}
/*FIN MENSAJES*/

/**/
#infoquien{ float:left; padding:8px 0px 0px;}
#operacionespresupuesto{ float:right; padding:8px 20px; background:#0b243c; color:#fff; font-size:15px; margin: 0px 0px 30px;}
#operacionespresupuesto ul{ margin:0px; padding:0px; list-style:none;}
#operacionespresupuesto ul li{ display:inline-block; padding:0px 10px; cursor:auto;}
#operacionespresupuesto ul li:hover{ cursor:pointer;}
.separador{ border-right:1px solid #fff;}


/*FOOTER*/
.footerinicio{position:absolute; bottom: 19px; right: 20px; width: 92%;}
.footernoinicio{padding:30px 14px 22px 34px;}
#footerizq{float:left;}
#footerdch{float:right; font-family:"opensansemibold"; text-transform:uppercase; padding:10px 0px 0px;}
/*FIN FOOTER*/

/*PAGINACION*/
.paginacion{ max-width:600px; width:100%; text-align:right; margin:50px 0px 50px; float:right;}
.paginacion a{padding:6px 10px; font-size:13px; line-height:12px; text-align: center; margin:0px 5px 5px 0px; text-decoration:none; /*border:1px solid #fff;*/ color:#fff;  background:#656775; transition:all .25s linear;}
.paginacion a:hover{color:#fff; /*border-bottom:1px solid #624867;*/ background:#0b243c;}
.paginacion a.paginaselect{color:#fff; /*border-bottom:1px solid #624867;*/ background:#0b243c;}
.paginacion a.paginav{color:#0b243c;  background:#fff; padding:6px 3px;}
/*FIN PAGINACION*/

/*404*/
#paginanoencontrada{ margin:100px 0px; width:100%; text-align:center; text-transform:uppercase; font-size:17px;}
/*FIN 404*/

/*Para personalizar los campos select*/
#listacliente{ max-width:700px; width: 95%; margin: 0px auto;}
#listacliente2{ position:relative;}
#listacliente select {background: transparent; border: 1px solid transparent; border-color: #0b243c; width: 100%; padding: 5px 1% ; color: #3a3c3e; 	/* Here's the code we need */ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; font-size:16px; margin:0px 0px 15px; position: relative; z-index: 2;}
.select-wrapper {position: relative;  width:100%; margin:0px auto 10px 0px;}
.select-wrapper svg {top: 9px; right: 6px; color: #3a3c3e; position:absolute; width:25px; height:auto; z-index: 1;}
.campoclientenuevo{max-width:none !important;}
#listacliente  select::-ms-expand {display: none;}
.ocultado{ display:none;}

/*precargar*/
#precarga{ position:fixed; z-index:200; width:100%; height:100%; display:none; background:#fff;}
.sk-circle {margin: 100px auto; width: 40px; height: 40px; position: relative;}
.sk-circle .sk-child {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.sk-circle .sk-child:before {content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.sk-circle .sk-circle3 {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);}
.sk-circle .sk-circle4 {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.sk-circle .sk-circle5 {-webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg);}
.sk-circle .sk-circle6 {-webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.sk-circle .sk-circle7 {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.sk-circle .sk-circle8 {-webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
.sk-circle .sk-circle9 {-webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
.sk-circle .sk-circle10 {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.sk-circle .sk-circle11 {-webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
.sk-circle .sk-circle12 {-webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
.sk-circle .sk-circle2:before {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {-webkit-animation-delay: -1s; animation-delay: -1s; }
.sk-circle .sk-circle4:before {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {-webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {-webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {-webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

#ui-datepicker-div
    {
        z-index: 9999999 !important;
    }

@-webkit-keyframes sk-circleBounceDelay {
	0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0);} 
	40% {-webkit-transform: scale(1); transform: scale(1);}
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0);} 
  40% {-webkit-transform: scale(1); transform: scale(1);}
}
/*fin precargar*/

@media only screen and (max-height: 600px){
	#zonasdecomunicacion{ height:300px;}
}

@media only screen and (max-height: 500px){
	#menulateral{position: absolute;}
	#cuerpolateralresto{ height:auto;}
	.cuerpolateralinicio{ height:auto;}
	.altura100{ height:auto;}
	#titulobienvenido{ position:relative; top:0px; left:0px; margin:30px auto;}
	.footerinicio{position:relative; bottom: 0px; right: 0px; width:auto; padding:30px 14px 22px 34px;}
	
	#titulotipo {margin: 0px auto 40px;}
	
	#cuerpozonasdecomunicacion, #escribirmensajeresponder, #cuerpocalendario, #cuerpopcionespdf, #cuerpomensajeerror, #cuerpozonacamposinstalacion, #cuerpopuertasrefenciadas, #cuerpoinfo, #cuerpoventanausuario{padding: 10px;}
	
	#cerrarcalendario{ margin:13px 0px 0px;}
	#indicacacionescalendario{ margin:0px auto 0px;}
	#calendarioizq{ font:13px;}
}

@media only screen and (max-height: 450px){
	#zonasdecomunicacion{ height:200px;}
}

@media only screen and (max-height: 350px){
	#zonasdecomunicacion{ height:100px;}
}


@media only screen and (max-width: 1180px){
	#tablapedidos{display:none;}
	#tablapedidosres{ display:block;}
}

@media only screen and (max-width: 1100px){
	#presupuestoizq{ max-width:814px; width:95%; margin:0px auto 40px; float:none;}
	#presupuestodch{ float:none; display: none; width: 100%; position: fixed; margin: 0px; left: 0px; top: 0px; height: 100%;  z-index: 999;}
	.cuerpoayudavisual{overflow-y: auto; height:90%;}
	#ayuda{ display:block;}
	#cerrarayuda{ display:block;}
	#zonainfo{left: 0; z-index: 1000;}
}

@media only screen and (max-width: 1080px){
	#cuerpoinicio{ max-width:530px;}
	#cuerpoinicio ul li{ display: inline-block; width: 47.5%; margin: 0px 1% 20px;}
	.footerinicio{width: 89%;}
	
	#confdatosclizq{ float:none; width:100%;}
	#confdatoscldch{float:none; width:100%; margin:0px 0px 50px;}
}

@media only screen and (max-width: 900px){
	#tablacomunicacion{ display:none;}
	#tablacomunicacion2{ display:block;}
}
@media only screen and (max-width: 790px){
	#muestrocalendario{ height:225px; overflow:hidden;}
	#cuerpozonasdecomunicacion, #escribirmensajeresponder{ max-width:65%;}
	#cuerpocalendario, #cuerpopcionespdf, #cuerpomensajeerror, #cuerpozonacamposinstalacion, #cuerpopuertasrefenciadas, #cuerpoinfo, #cuerpozonaparaobservaciones, #cuerpoventanausuario{max-width: 415px;}
	#calendarioizq {float: none; width: 100%;}
	#calendariodch {float: none; width: 100%; display:none;}
}

@media only screen and (max-width: 768px){
	.presupuestoizq2{width: 100%;}
	.presupuestodch2{width: 100%;}
	#numpuertascampo, #seriecampo, #hojacampo, #manocampo, #exteriormodelocampo, #exteriorcolorcampo, #exteriorherrajecampo, #exteriortapajuntascampo, #interiormodelocampo, #interiorcolorcampo, #interiorherrajecampo, #interiortapajuntascampo{width:49%;}
	
	.totalcol {float: none;  width: 95%; margin: 0px 0 10px auto; max-width: 160px;}
	.totalcol2{width: 31.33%;}
	
	.colmargenrecomendado1{ float:none; margin:4px 0px 10px 0px;}
	.colmodeloimpresion1{ float:none; margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 710px){
	.footerinicio {width: 84%;}
}

@media only screen and (max-width: 650px){
	#bastidorcampo, #premarcocampo ,#rellenocampo{width: 49%;}
	#fijoaltillocampo{width: 49%; margin:0px 1% 10px 0px;}
	#instalacion{ width:100%;}
	
	#cuerpotipovivienda{ max-width:280px;}
	.txttipo {font-size: 11px;}
	
	#calculoizq {float: none; width: 100%;}
	#calculodch {float: none; width: 100%; margin: 30px 0px 0px;}
	.campofecha{width: 140px;}
	
	#datosizq{ float:none; width:100%;}
	#datosdch{ float:none; width:100%;}
	#confpobla{float: none; width: 100%; padding: 0px 0px 0px 0px;}
	#confprov{float: none; width: 100%; padding: 0px 0px 0px 0px;}
	#confpais{float: none; width: 100%; padding: 0px 0px 0px 0px;}
	#confcp{float: none; width: 100%; padding: 0px 0px 0px 0px;}
	#conftlf{float: none; width: 100%; padding: 0px 0px 0px 0px;}
	#conffax{float: none; width: 100%; padding: 0px 0px 0px 0px;}
	#confemail{float: none; width: 100%; padding: 0px 0px 0px 0px;}
}

@media only screen and (max-width: 560px){
	/*#cuerpoinicio{ max-width:300px;}*/
	/*#cuerpoinicio ul li{ display: inline-block; width: 100%; margin: 0px 0px 20px;}*/
	#cuerpoinicio {max-width: 290px; margin:0px auto;}
	#cuerpoinicio ul li{ font-size:13px; width: 42.5%;}
	#cuerpoinicio ul li svg{width:30px; height:auto; }
	#cuerpopresu {padding: 58px 14px 22px 16px;}
	
	#cuerpocalendario, #cuerpopcionespdf, #cuerpomensajeerror, #cuerpozonacamposinstalacion, #cuerpopuertasrefenciadas, #cuerpozonaparaobservaciones, #cuerpoventanausuario{max-width: 215px;}
	.colpaob{ float:none; width:100%; margin:5px 0px;}
	#indicacacionescalendario ul li{display: inline-block; width: 47%; text-align: left;}
	
	#desplegabletipocampo{ float:none; margin: 0px 0 10px 0px; width: 100%;}
	#refclientecampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#nombrecampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#apellidoscampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#direccioncampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#cpcampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#telefono1campo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#telefono2campo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#emailcampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#observacionescampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#numpuertascampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#seriecampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#hojacampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#manocampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#exteriormodelocampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#exteriorcolorcampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#exteriorherrajecampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#exteriortapajuntascampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	
	#interiormodelocampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#interiorcolorcampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#interiorherrajecampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#interiortapajuntascampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	
	#cerradurascampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#pomoscampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#mirillacampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#cerraduraexternacampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#regruesocampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#bastidorcampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	
	#premarcocampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#fijoaltillocampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	#rellenocampo{float:none; margin: 0px 0 10px 0px; width: 100%;}
	
	#instalacion{float:none; margin: 0px 0 10px 0px; width: 100%;}
	/*#tituloinstalacion{float:none;}*/
	.limpiezainstax{ display:block; padding:20px 0px 0px;}
	
	.mensajizq{ width:100%;}
	.mensajdch{ width:100%;}
}

@media only screen and (max-width: 520px){
	/*.footerinicio {width: 80%;}*/
	
}

@media only screen and (max-width: 420px){
	#footerdch{ font-size:11px; padding: 12px 0px 0px; font-weight: bold;}
	#instalacion1, #instalacion2{ width:70px;}
}

@media only screen and (max-width: 380px){
	.footerinicio{padding:30px 0 22px 20px;}
	/*.footerinicio {width: 75%;}*/
}