/*  index.css
   CSS Prodoor
   By Grupo Merkin
   [ 18/08/16]
*/
html,body{margin:0px; padding:0px; height:100%;    overflow-y: auto; overflow-x: hidden;  background-repeat: repeat-y;   font-family:Helvetica, sans-serif; background-color:#000000; font-family:}
/********************************index**************************************/

@font-face{font-family:OpenSans; src:url(../imgs/tipografias/HEADER/OpenSans-CondBold.ttf);}
@font-face{font-family:arial; src:url(../imgs/tipografias/todas/arial.ttf);}
@font-face{font-family:MyriadPro; src:url(../imgs/tipografias/INICIO/CONTENIDO/MyriadPro-Bold_0.otf);}
@font-face{font-family:MyriadPro2; src:url(../imgs/tipografias/INICIO/CONTENIDO/MyriadPro-Regular_0.otf);}
header{width:100%; height: auto; float:left;  }
#contenido{width:100%; float:left; height: auto; background-color:#fff; }
footer{width:100%; height:50px; float:left; background-color:#060606;}

#contenidobg{width:100%; float:left; height:70%; /****cambiar el alto del contenidobg a % o mas grande*****/ 
background-image:url(../imgs/bgtexturaprodoor.png); background-repeat:no-repeat; background-position:center; 
background-color:#ebe9ea; 
-webkit-box-shadow: inset 0px 10px 19px -12px rgba(71,71,71,1);
-moz-box-shadow: inset 0px 10px 19px -12px rgba(71,71,71,1);
box-shadow: inset 0px 10px 19px -12px rgba(71,71,71,1);}
#contenidoinfo{width:100%; max-width:980px; margin-left:auto; margin-right:auto; vertical-align: middle; }
.titulos{width:100%; float:left; margin-top:10%; font-size:24pt; font-family:MyriadPro2; color:#091a8e; text-align:left;}
.lineahorizontal{width:100%; height:1px; float:left; margin-top:5%; background-color:#6a6a6a; border:0px solid #6a6a6a;}

.marcoblanco{border:5px solid #ffffff!important}
.sombra {
-webkit-box-shadow: 0px 0px 10px 4px rgba(71,71,71,1);
-moz-box-shadow: 0px 0px 10px 4px rgba(71,71,71,1);
box-shadow: 0px 0px 10px 4px rgba(71,71,71,1);}
.marcoblancoysombra{border:5px solid #ffffff;
-webkit-box-shadow: 0px 0px 20px 1px rgba(71,71,71,0.5);
-moz-box-shadow: 0px 0px 20px 1px rgba(71,71,71,0.5);
box-shadow: 0px 0px 20px 1px rgba(71,71,71,0.5);}



/*************************header*********************************************/
a{ text-decoration:none; color:#FFF;}
/***************************menu*******************************************/
#menu{width:100%; height:14%; float:left;
background: rgba(235,26,26,1);
background: -moz-linear-gradient(top, rgba(235,26,26,1) 0%, rgba(170,17,17,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,26,26,1)), color-stop(100%, rgba(170,17,17,1)));
background: -webkit-linear-gradient(top, rgba(235,26,26,1) 0%, rgba(170,17,17,1) 100%);
background: -o-linear-gradient(top, rgba(235,26,26,1) 0%, rgba(170,17,17,1) 100%);
background: -ms-linear-gradient(top, rgba(235,26,26,1) 0%, rgba(170,17,17,1) 100%);
background: linear-gradient(to bottom, rgba(235,26,26,1) 0%, rgba(170,17,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb1a1a', endColorstr='#aa1111', GradientType=0 );}
#contMenu{width:100%; max-width:980px; height:100%; margin-left:auto; margin-right:auto; }
#contLogo{width:18%; height:135%; float:left;}
#logo{width:100%; height:100%; float:left; margin-top:-100%; background-image:url(../imgs/header/ribbon%20logo.png); background-size:contain; background-repeat:no-repeat; position:relative; z-index:2;} 
.menuTexto{width:82%; height:auto; margin-top:3%; float:left; display:none;}
.textoMenu{width:auto; height:auto; float:left; margin-left:1.5%; margin-right:0.5%;  font-size:12pt; font-family:OpenSans; color:#FFF; cursor:pointer;}
.textoMenu:hover{ color:#922;}
.selectedM{color:#900;}
/***************************footer*******************************************/
#contFooter{width:100%; max-width:980px; height:auto; margin-top:18px; margin-left:auto; margin-right:auto; color:#b7b7b7; font-size:8pt; font-family:arial; text-align:center;}

/***************************slider inicio******************************/
#contSlide{width:100%; float:left; height: auto;  overflow:hidden;}
#listSlide{width:600%; float:left; height:auto; }
.slide{ width:16.666666667%; height:auto; float:left; }
.flechas{width:82px; height:72px; cursor:pointer;margin-top:-20%;}
#flechaDer{float:right; background-image:url(../imgs/INICIO/SLIDER/arrow%20left.png); background-size:cover; background-repeat:no-repeat; margin-right:-25px; }
#flechaIzq{background-image:url(../imgs/INICIO/SLIDER/arrow%20right.png); background-size:cover; background-repeat:no-repeat; float:left; margin-left:-25px;}
#flechaDer:hover{ margin-right:0px;}
#flechaIzq:hover{margin-left:0px;}

#contBolitas{ width:100%; float:left; margin-top:-20px; height:10px;}
#contBo{width:84px; height:100%; margin-left:auto; margin-right:auto; }
.bolita{width:10px; height:10px; float:left; margin-left:2px; margin-right:2px; border-radius:100%; cursor:pointer;  background: rgba(23,23,21,1);
background: -moz-linear-gradient(top, rgba(23,23,21,1) 0%, rgba(80,80,80,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(23,23,21,1)), color-stop(100%, rgba(80,80,80,1)));
background: -webkit-linear-gradient(top, rgba(23,23,21,1) 0%, rgba(80,80,80,1) 100%);
background: -o-linear-gradient(top, rgba(23,23,21,1) 0%, rgba(80,80,80,1) 100%);
background: -ms-linear-gradient(top, rgba(23,23,21,1) 0%, rgba(80,80,80,1) 100%);
background: linear-gradient(to bottom, rgba(23,23,21,1) 0%, rgba(80,80,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171715', endColorstr='#505050', GradientType=0 );}
.selected{background: rgba(17,13,72,1);
background: -moz-linear-gradient(top, rgba(17,13,72,1) 0%, rgba(36,58,251,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17,13,72,1)), color-stop(100%, rgba(36,58,251,1)));
background: -webkit-linear-gradient(top, rgba(17,13,72,1) 0%, rgba(36,58,251,1) 100%);
background: -o-linear-gradient(top, rgba(17,13,72,1) 0%, rgba(36,58,251,1) 100%);
background: -ms-linear-gradient(top, rgba(17,13,72,1) 0%, rgba(36,58,251,1) 100%);
background: linear-gradient(to bottom, rgba(17,13,72,1) 0%, rgba(36,58,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110d48', endColorstr='#243afb', GradientType=0 );}


/***********************************************franjaPro.php******************************/
#franjaPro{width:100%; position:relative; z-index:2; float:left; height:80px; background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );
-webkit-box-shadow: 0px -10px 19px -12px rgba(71,71,71,1);
-moz-box-shadow: 0px -10px 19px -12px rgba(71,71,71,1);
box-shadow: 0px -10px 19px -12px rgba(71,71,71,1);}
#contFranja{width:100%; max-width:980px; margin-left:auto; margin-right:auto; height: auto;  margin-top:20px;  font-size:28pt; font-family:MyriadPro2; text-align:center; color:#696969;}
.fontBold{font-family:MyriadPro;}

/***********************************************generales inicio******************************/
#contserv{width:100%; float:left; height:500px;  background-color:#ebe9ea; -webkit-box-shadow: inset 0px 10px 19px -12px rgba(71,71,71,1);
-moz-box-shadow: inset 0px 10px 19px -12px rgba(71,71,71,1);
box-shadow: inset 0px 10px 19px -12px rgba(71,71,71,1);}
#contSer{width:100%; max-width:980px; margin-top:2%; margin-bottom:2%; margin-left:auto; margin-right:auto; }
.mitadSer{width:40%; height:100%; float:left;  margin-left:5%; margin-right:5%;}
.mitadFace{width:40%; height:100%; float:left;  margin-left:5%; margin-right:5%;}

.imgRC{width:100%; height:90%; float:left; background-size:cover; background-repeat:no-repeat; }
#imgInicioIzquierda{background-image:url(../imgs/INICIO/contenido/catalogo-completo.png);}

.descRC{width:100%; float:left; margin-top:7%; font-size:10pt; font-family:MyriadPro2; color:#6b6b6b; text-align:justify;}

/************************************************franja negra inicio******************/
#franjaNegra{width:100%; float: left; height:160px; background: rgba(65,65,65,1);
background: -moz-linear-gradient(top, rgba(65,65,65,1) 0%, rgba(37,37,37,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(65,65,65,1)), color-stop(100%, rgba(37,37,37,1)));
background: -webkit-linear-gradient(top, rgba(65,65,65,1) 0%, rgba(37,37,37,1) 100%);
background: -o-linear-gradient(top, rgba(65,65,65,1) 0%, rgba(37,37,37,1) 100%);
background: -ms-linear-gradient(top, rgba(65,65,65,1) 0%, rgba(37,37,37,1) 100%);
background: linear-gradient(to bottom, rgba(65,65,65,1) 0%, rgba(37,37,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#252525', GradientType=0 );}
#fp{width:100%; max-width:980px; height:70%; margin-left:auto; margin-right:auto; position:relative; margin-top:2%; margin-bottom:2%;}
.contFp{width:30%; height:100%; float:left;  }
.marginLeft{margin-left:5%;}
.linea{width:1px; height:100%; float:left; background-color:#727272; border-left:1px solid #373737; border-right:1px solid #000000;}

.tituloFP{width:100%; height:auto; float:left; text-align:center; font-family:MyriadPro; font-size:14pt; color:#bdbdbd;}
.descFP{ width:70%; float:left; margin-left:15%; height:auto; font-size:10pt; font-family:MyriadPro2; color:#808080; text-align:center;}

/************************************animacion inicio*********************/
.anima1{width:100%; bottom:0px; position:absolute; top:0px; left:0px; right:0px; z-index:1; background: rgba(249,249,249,1);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0 ); }
.load{ float:left; width:100%; height:100%;background-image:url(../imgs/GIF-ANIMADO-PRODOOR.gif); background-repeat:no-repeat; background-position:center  100px; background-size:50% auto;}

/*********************************Nosotros*******************************************/

.mitadNosotros{width:35%; height:100%; float:left;  margin-left:0%; margin-right:5%; margin-top:12%; }
.mitadNosotros2{width:50%; height:100%; float:left;  margin-left:5%; margin-right:5%; margin-top:12%;  }
.txtnosotros{width:100%; float:left; margin-top:5%; font-size:10pt; font-family:MyriadPro2; color:#6a6a6a; text-align:justify;}

/***************************slider Nosotros******************************/
.slidenosotros{ display:none; width:100%;  height:auto; border:5px solid #ffffff;}
.animate-fading{-webkit-animation:fading 6s infinite;animation:fading 6s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

/*********************************Servicios*******************************************/
.tituloservicios{width:100%; margin-top:6%; font-size:24pt; font-family:MyriadPro2; color:#091a8e; text-align:left;}
.lineahorizontaltitservicios{width:35%; height:1px; float:left; margin-top:1%; background-color:#6a6a6a; border:0px solid #6a6a6a;}
.lineahorizontalservicios{width:100%; height:1px; float:left; margin-top:1%; background-color:#6a6a6a; border:0px solid #6a6a6a;}
.txtservicios{position: relative; width:100%; margin-top:4%; margin-bottom:4%; font-size:9.5pt; font-family:MyriadPro2; color:#6a6a6a; text-align:justify;}
.bloqueservicioscontenedor{width:50%; height:100%; float:left;  margin-left:0%; margin-right:0%; }
.bloqueservicios3{width:22%; height:auto; float:left;  margin-left:1.5%; margin-right:1.5%; }
.titserv2{width:100%; margin-top:1%; font-size:10pt; font-family:MyriadPro2; color:#091a8e; text-align:center;}
.txtservicios2{width:100%; margin-top:2%; margin-left:5%; font-size:9.5pt; font-family:MyriadPro2; color:#6a6a6a; text-align:left;}
.iconoS{margin:0 auto; width:43px; height:43px;  background-size:100% auto; background-repeat:no-repeat; background-position:center center;  }
#iconoReparacion{background-image:url(../imgs/SERVICIOS/icono-reparacion.png); }
#iconoInstalacion{background-image:url(../imgs/SERVICIOS/icono-instalacion.png); }
#iconoRestauracion{background-image:url(../imgs/SERVICIOS/icono-restauracion.png); }
#iconoProgramacion{background-image:url(../imgs/SERVICIOS/icono-programacion.png); }
#iconoMantenimiento{background-image:url(../imgs/SERVICIOS/icono-mantenimiento.png); }

/*********************************Soluciones Residenciales*******************************************/
.titrenglon1{width:100%; font-size:26pt; font-weight: normal; font-family:MyriadPro2; color:#091a8e; text-align:left;}
.titrenglon2{width:100%; font-size:30pt; font-weight: bold; font-family:MyriadPro2; color:#091a8e; text-align:left;}
.lineahorizontalsoluciones{width:100%; height:1px; float:left; margin-top:1%; margin-bottom:1%; background-color:#6a6a6a; border:0px solid #6a6a6a;}
.subtitsolres{width:100%; margin-top:10%; font-size:18pt; font-family:MyriadPro2; font-weight:bold; color:#091a8e; text-align:left;}
.txtpuertassolres{width:100%; margin-left:5%; margin-top:7%; font-size:10pt; font-family:MyriadPro2; color:#6a6a6a; text-align:left;}
.txtpuertassolresp{ line-height: 4pt; }
.lineahorizontalsubtitsolres{width:40%; height:1px; float:left; margin-top:2%; background-color:#6a6a6a; border:0px solid #6a6a6a;}
.mitadSolucionesInfo{width:40%; height:100%; float:left; margin-right:1%; margin-top:7%; margin-bottom:2%;}
.mitadSolucionesfoto{width:50%; height:100%; float:left;}
.imgsolres{width:100%; height:100%; float:left; background-size:cover; background-repeat:no-repeat; }
.lineaverticalsolres{width:1px; height:80%; float:left; background-color:#727272; border:0px solid #727272; margin-left:5%; margin-right:2%; margin-top:7%; margin-bottom:2%;}
.txtmotoressolres{width:100%; margin-left:5%; margin-top:40%; font-size:18pt; font-weight:bold; font-family:MyriadPro2; color:#6a6a6a; text-align:left;}
.txtaxssolres{width:100%; margin-left:5%; margin-top:9%; font-size:14pt; font-weight:bold; font-family:MyriadPro2; color:#6a6a6a; text-align:left;}
.txtaxssolresp{ line-height: 8pt; }


/***************************Soluciones Comerciales**********************************************/
.contenidomenucom{
	margin: 0;
	margin-top:7%; margin-bottom:2%;
	margin-left: 1%;
	height: auto;
	width: 28%;
	margin-right: 0%;
	padding-bottom:auto;
	float:left;
}

/*********************************Promociones*******************************************/
.promo{width:100%; min-width:100%; height:100%; margin-top:2.5%; float:left; background-size: contain; background-repeat:no-repeat;}
.marTopPtomo{}
#contCoffee{ width:50%; min-width:660px; height:67%; margin-left:auto; margin-right:auto;}
#contenidobgpromociones{width:100%; float:left; height:auto;  
/*background-image:url(../imgs/bgtexturaprodoor.png);*/ background-repeat:no-repeat; background-position:center; 
background-color:#ebe9ea; background-size:cover;
-webkit-box-shadow: inset 0px 10px 19px -12px rgba(71,71,71,1);
-moz-box-shadow: inset 0px 10px 19px -12px rgba(71,71,71,1);
box-shadow: inset 0px 10px 19px -12px rgba(71,71,71,1);}


/*********************************contacto*******************************************/
.contactobloque1{width:25%; height:100%; float:left; margin-right:3%; margin-top:7%; }
.contactobloque{width:30%; height:100%; float:left; margin-right:3%; margin-top:7%; }
.titcontacto{width:100%; margin-top:10%; font-size:16pt; font-family:MyriadPro2; font-weight:bold; color:#091a8e; text-align:left;}
.lineahorizontaltitcontacto{width:100%; height:1px; float:left; margin-top:2%; background-color:#6a6a6a; border:0px solid #6a6a6a;}
.datoscontacto{width:100%; height:auto; float:left; margin-top:12%; }
.datoscontactoimg{width:100%; height:auto; float:left; margin-right:3%; }
.txtcontacto{width:100%; height:12px; margin-top:34px; float:left; font-size:10pt;  color:#6a6a6a;}
.botoncontacto{display: inline-block;font-size:16px; margin: 0;margin-top: 5%;float: left;position: relative;width: auto;
border-color:#3A4C7D;border-width: 0px 0px 2px 0px;border-style: solid;
-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; 
-webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px;
font-family:MyriadPro; src:url(../imgs/tipografias/INICIO/CONTENIDO/MyriadPro-Bold_0.otf); 
padding: 10px 25px 10px 25px; 
text-decoration:none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #717AE5; background-image: -webkit-gradient(linear, left top, left bottom, from(#717AE5), to(#091A8E));
 background-image: -webkit-linear-gradient(top, #717AE5, #091A8E);
 background-image: -moz-linear-gradient(top, #717AE5, #091A8E);
 background-image: -ms-linear-gradient(top, #717AE5, #091A8E);
 background-image: -o-linear-gradient(top, #717AE5, #091A8E);
 background-image: linear-gradient(to bottom, #717AE5, #091A8E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#717AE5, endColorstr=#091A8E);
}
.botoncontacto:hover{
border-color:#3A4C7D;border-width: 0px 0px 2px 0px;border-style: solid;
 background-color: #B0AFAF; background-image: -webkit-gradient(linear, left top, left bottom, from(#B0AFAF), to(#555555));
 background-image: -webkit-linear-gradient(top, #B0AFAF, #555555);
 background-image: -moz-linear-gradient(top, #B0AFAF, #555555);
 background-image: -ms-linear-gradient(top, #B0AFAF, #555555);
 background-image: -o-linear-gradient(top, #B0AFAF, #555555);
 background-image: linear-gradient(to bottom, #B0AFAF, #555555);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#B0AFAF, endColorstr=#555555);
}
.botonvermapa{
float: right;
}

/*Estilos de google map de contacto*/

#map{width:100%; height:auto%; margin-top:7%; }

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
padding-bottom: 85%;
margin-top: 9%;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Estilos forma de contacto*/

#feedback-page{
	text-align:center;
}
#contactobloqueforma {
	width: 100%;
	height:100%;
	float: left;
	position: relative;
}
.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  	font-weight:400;
	font-size: 12px;
	line-height: 12px;
	background-color: #fbfbfb;
	padding: 6px 6px 6px 54px;
	margin-bottom: -8px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  	border: 1px solid rgba(0,0,0,0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.4);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.4);
}
.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 1px solid #3498db;
	color: rgba(0,0,0,0.4);
	outline: none;
  padding: 6px 6px 6px 54px;
}
.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}
/* Icons de contacto ---------------------------------- */
#name{
	background-image: url(../imgs/CONTACTO/icono-nombre.svg);
	background-size: 20px 20px;
	background-position: 10px 4px;
	background-repeat: no-repeat;
}

#name:focus{
	background-image: url(../imgs/CONTACTO/icono-nombre.svg);
	background-size: 20px 20px;
  	background-position: 10px 4px;
	background-repeat: no-repeat;
}

#phone{
	background-image: url(../imgs/CONTACTO/icono-telefono.svg);
	background-size: 20px 20px;
	background-position: 10px 4px;
	background-repeat: no-repeat;
}

#phone:focus{
	background-image: url(../imgs/CONTACTO/icono-telefono.svg);
	background-size: 20px 20px;
  	background-position: 10px 4px;
	background-repeat: no-repeat;
}


#email{
	background-image: url(../imgs/CONTACTO/icono-email.svg);
	background-size: 20px 20px;
	background-position: 10px 4px;
	background-repeat: no-repeat;
}

#email:focus{
	background-image: url(../imgs/CONTACTO/icono-email.svg);
	background-size: 20px 20px;
  background-position: 10px 4px;
	background-repeat: no-repeat;
}

#comment{
	background-image: url(../imgs/CONTACTO/icono-comentario.svg);
	background-size: 20px 20px;
	background-position: 10px 4px;
	background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 100px;
    line-height: 100%;
    resize:vertical;
	margin-bottom: -7px;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:rgba(0,0,0,0.4);
}


.botonenviar{
float: right;
margin-top: 7px;
}

.form.a input.error {
border:1px solid red;
}
.form.a textarea.error {
border:1px solid red;
}

	



/*Estilos BASURA de contacto*/

#contPr{width:100%; height:135%; float:left;  /*background-image:url(../img/Textura%20Inferior.png);*/ background-size:cover;}
#contContacto{width:70%; min-width:320px; height:100%; margin-left:auto; margin-right:auto; }
.contLeftC{width:50%; height:45%; float:left;  }
.inputcontacto{width:90%; height:35px; box-sizing:border-box; float:left;  margin-left:5%; font-size:11pt; padding-left:2%; padding-right:2%; padding-bottom:5px; padding-top:5px; border-radius:5px; border:1px solid #b7b7b7; margin-top:5px; margin-bottom:-20px;-webkit-box-shadow: inset 0px 0px 32px -27px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 32px -27px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 32px -27px rgba(0,0,0,0.75);}
.textareacontacto{width:90%; height:90px; box-sizing:border-box; float:left;  margin-left:5%; font-size:11pt; padding-left:2%; padding-right:2%; padding-bottom:5px; padding-top:5px; border-radius:5px;  margin-top:5px; resize:none;border:1px solid #b7b7b7;-webkit-box-shadow: inset 0px 0px 32px -27px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 32px -27px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 32px -27px rgba(0,0,0,0.75);}
.camObl{width:90%; height:10px; margin-top:1px; float:left; margin-left:5%; margin-right:5%; font-size:9pt;   color:#6e4100;}
#btnEnviar{ width:30%; height:auto;padding-top:5px; padding-bottom:5px; border-radius:6px; margin-top:1px; text-align:center; font-size:12pt; font-family:CODE20Bold; color:#fff; background-color:#c78931; float: right; margin-right:5%; cursor:pointer;}
#btnEnviar:hover{color:rgb(111,65,0);}
.tituloContt{width:60%; height:30px; float:left; margin-left:20%; font-size:18pt; font-family:CODE20Bold; color:rgb(201,139,50); margin-top:35px;}
.contdir{width:60%; height:70px; float:left; margin-left:20%; font-size:12pt; font-family:CODE20Bold; color:#6e4100; margin-top:20px; }
.conttel{width:60%; height:30px; float:left; margin-left:20%; margin-right:20%; font-size:12pt; font-family:CODE20Bold; color:#6e4100; margin-top:20px; }
.iconosC{width:60px; height:60px; float: right; margin-right:20%; margin-left:-20%; margin-top:5px;  background-size:cover;}
#facebookC{background-image:url(../img/Icono%20Facebook.png); cursor:pointer;}
#teitterC{background-image:url(../img/Icono%20Twitter.png); cursor:pointer;}
#tiutloMap{width:47.1%; margin-left:3%; height:4%; float:left;  font-size:19pt;  font-family:CODE20Bold; color:rgb(201,139,50);}
#stret{width:50%; height:40%; margin-top:1%; float:left;}
#btnComoLlegar{ width:15%; height:auto;padding-top:5px; padding-bottom:5px; border-radius:6px; margin-top:1px; text-align:center; font-size:12pt; font-family:CODE20Bold; color:#fff; background-color:#c78931; float: right; margin-right:0%; cursor:pointer;}
#btnComoLlegar:hover{color:rgb(111,65,0);}



/**************************Media queries*************************************************/

/* tablets and phones */
@media only screen and (max-width: 968px) { 
#contMenu{max-width:968px;}
.menuTexto{margin-top:5%;}
.textoMenu{font-size:11.5pt;}   

.titulos{font-size:22pt;}
.txtnosotros{font-size:8pt;}

}

@media only screen and (max-width: 868px) { 
#contMenu{max-width:868px;}
.menuTexto{margin-top:5%;}
.textoMenu{font-size:10pt;}

.titulos{font-size:20pt;}
.txtnosotros{font-size:7pt;}

.tituloservicios{font-size:20pt;}
.txtservicios{font-size:9pt;}
.titserv2{font-size:8pt;}
.txtservicios2{font-size:8.5pt;}
.iconoS{width:40px; height:40px;}

.titrenglon1{font-size:18pt;}
.titrenglon2{font-size:23pt;}
.subtitsolres{font-size:14pt;}
.txtpuertassolres{font-size:6pt; }
.txtpuertassolresp{ line-height: 3pt; }
.txtmotoressolres{font-size:14pt;}
.txtaxssolres{font-size:10pt;}
.txtaxssolresp{ line-height:5pt; }
.flexy-menu li{font-size:13px;}
   
}

@media only screen and (max-width: 768px) { 
#contMenu{max-width:768px;}
.menuTexto{margin-top:5%;}
.textoMenu{font-size:9pt;}

.titulos{font-size:18pt;}
.txtnosotros{font-size:6pt;}

.tituloservicios{font-size:19pt;}
.txtservicios{font-size:8pt;}
.titserv2{font-size:7pt;}
.txtservicios2{font-size:7.5pt;}
.iconoS{width:30px; height:30px;}

.titrenglon1{font-size:16pt;}
.titrenglon2{font-size:21pt;}
.subtitsolres{font-size:14pt;}
.txtpuertassolres{font-size:6pt; }
.txtpuertassolresp{ line-height: 3pt; }
.txtmotoressolres{font-size:14pt;}
.txtaxssolres{font-size:10pt;}
.txtaxssolresp{ line-height:5pt; }
.flexy-menu li{font-size:12px;}
   
}

@media only screen and (max-width: 668px) { 
#contMenu{max-width:668px;}
.menuTexto{margin-top:5%;}
.textoMenu{font-size:7.5pt;}  

#franjaPro{height:60px;}
#contFranja{max-width:668px; margin-top:20px;  font-size:20pt;}

#contFooter{max-width:668px; margin-top:20px; font-size:6pt;}
footer{height:40px;}

.titulos{font-size:17pt;}
.txtnosotros{font-size:6pt;}

.tituloservicios{font-size:18pt;}
.txtservicios{font-size:7pt;}
.titserv2{font-size:6pt;}
.txtservicios2{font-size:6.5pt;}
.iconoS{width:28px; height:28px;}

.titrenglon1{font-size:18pt;}
.titrenglon2{font-size:23pt;}
.subtitsolres{font-size:14pt;}
.txtpuertassolres{font-size:6pt; }
.txtpuertassolresp{ line-height: 3pt; }
.txtmotoressolres{font-size:14pt;}
.txtaxssolres{font-size:10pt;}
.txtaxssolresp{ line-height:5pt; }
.flexy-menu li{font-size:10px;}

}

/* phones */
@media only screen and (max-width: 580px) { 
#contMenu{max-width:580px;}
.menuTexto{margin-top:5%;}
.textoMenu{font-size:6pt;}  

#franjaPro{height:50px;}
#contFranja{width:100%; max-width:580px; margin-left:auto; margin-right:auto; height: auto;  margin-top:10px;  font-size:15pt; font-family:MyriadPro2; text-align:center; color:#696969;}

#contFooter{max-width:580px; margin-top:10px; font-size:5pt;}
footer{height:30px;}


	#form-div{
		left: 3%;
		margin-right: 3%;
		width: 88%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}

.titulos{font-size:16pt;}
.txtnosotros{font-size:5pt;}

.tituloservicios{font-size:16pt;}
.txtservicios{font-size:5pt;}
.titserv2{font-size:4pt;}
.txtservicios2{font-size:4.5pt;}
.iconoS{width:23px; height:23px;}

.titrenglon1{font-size:15pt;}
.titrenglon2{font-size:20pt;}
.subtitsolres{font-size:14pt;}
.txtpuertassolres{font-size:6pt; }
.txtpuertassolresp{ line-height: 3pt; }
.txtmotoressolres{font-size:14pt;}
.txtaxssolres{font-size:10pt;}
.txtaxssolresp{ line-height:5pt; }
.flexy-menu li{font-size:8px;}

}

/* mini phones antiguos */
@media only screen and (max-width: 380px) { 
#contMenu{max-width:380px;}
.menuTexto{margin-top:5%;}
.textoMenu{font-size:4pt;}

#franjaPro{height:40px;}
#contFranja{width:100%; max-width:380px; margin-left:auto; margin-right:auto; height: auto;  margin-top:10px;  font-size:10pt; font-family:MyriadPro2; text-align:center; color:#696969;}

#contFooter{max-width:380px; margin-top:8px; font-size:3pt;}
footer{height:20px;}

.titulos{font-size:14pt;}
.txtnosotros{font-size:5pt;}

.tituloservicios{font-size:14pt;}
.txtservicios{font-size:3pt;}
.titserv2{font-size:2pt;}
.txtservicios2{font-size:2.5pt;}
.iconoS{width:15px; height:15px;}

.titrenglon1{font-size:15pt;}
.titrenglon2{font-size:20pt;}
.subtitsolres{font-size:14pt;}
.txtpuertassolres{font-size:6pt; }
.txtpuertassolresp{ line-height: 3pt; }
.txtmotoressolres{font-size:14pt;}
.txtaxssolres{font-size:10pt;}
.txtaxssolresp{ line-height:5pt; }
.flexy-menu li{font-size:8px;}

}