/*
	Descripción: PAREJAS.NET - Promo
	Versión: 3.5
*/

/*________Import____________*/

@import url('flexible.css');
@import url('textos.css');
@import url('formularios.css');
@import url('glyphicons.css');


/*_____________WEBSITE__________*/

a {color: #333333; text-decoration: none;}

a:hover {color: #000000; text-decoration: none;}
div, h1, h2, h3, h4, p, form, input, textarea, img, span, td{margin:0; padding:0;}/*label,*/

h1,h2,h3{font:inherit}

img{border:none}

ul{margin:0; padding:0; list-style-type:none; list-style: none;}

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}


/*________Resolución_______*/

#dimensions {
  position: fixed;
  left: 10px;
  bottom: 0px;
  background:#000\9; background-color:rgba(0, 0, 0, 0.8);
  font-size: 13px;
  color: #fff;
  padding: 5px 10px;
  z-index:1000
}



/*_________________selecciones___________________*/

/* webkit, opera, IE9 */
::selection { background:#2b5c86;  color:#ffffff; text-shadow: none;}
/* mozilla firefox */
::-moz-selection { background:#2b5c86; color:#ffffff; text-shadow: none}


/*__________PÁGINA_WEB_____________*/

.limpiar{clear:both; font-size:0; line-height:0; float:none;}

acronym, abbr {border-bottom:1px dotted #333; cursor:help; font-style:normal;}

.separa{width:100%;	height:10px; font-size:0; clear:both;}
.separa-min{width:100%;height:5px; font-size:0; clear:both;}
.separa1{width:100%; height:25px; font-size:0; clear:both;}
.separa2{width:100%; height:40px; font-size:0; clear:both;}

.izq{float:left}
.der{float:right}

.septop{margin-top:10px;}
.sepbot{margin-bottom:10px;}
.separabajo{padding-bottom:15px}
.septopbot{padding:30px 0 20px 0;}

.center{text-align:center;}
.right{text-align:right;}
.enlinea{display:inline-block}
.enbloque{display:block}
.centrado{margin:0 auto; display:block; text-align:center}
.full{width:100%}

.divtable{display: table;}
.divrow{display: table-row;}
.divcell{display: table-cell; vertical-align:middle}

.relative{position:relative}
.absolute{position:absolute}
.pointer{cursor:pointer}

.linea {display:inline-block; margin:15px 0 15px 0; width: 100%; height:1px; background:#d8d8d5; text-align:center}
.linea-min {display:inline-block; margin:8px 0 8px 0; width: 100%; height:1px; background:#e7e7db;}
.linea2 {display:inline-block; margin:33px 0 33px 0; width: 100%; height:1px; background:#404040;}

.redondo{border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.redondo-min{border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.redondo-top{border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px;-webkit-border-radius: 6px 6px 0px 0px;}
.redondo-bottom{border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px;-webkit-border-radius: 0px 0px 6px 6px;}
.redondo-right{border-radius: 0px 6px 6px 0px;  -moz-border-radius: 0px 6px 6px 0px;-webkit-border-radius: 0px 6px 6px 0px;}
.redondo-left{border-radius: 6px 0px 0px 6px ;  -moz-border-radius: 6px 0px 0px 6px ;-webkit-border-radius: 6px 0px 0px 6px;}



.visible_en_movil{visibility:hidden; display:none}

.wrapper{background:#fff; display:table; margin:0 auto;}/*caja contenedora (envoltura)*/

.mayusculas{text-transform:uppercase}

@media (max-width: 991px) {
	.invisible{visibility:hidden; display:none}
}

@media (max-width: 767px) {
		.invisible_en_movil{visibility:hidden; display:none}
		.visible_en_movil{visibility:visible; display:inline-block;}
		.wrapper{display:block;}
}



.capa1{z-index:1;/*importante*/}


/*__________POPS_________*/

.popcentrada{
	position:fixed; top:50%; left:50%; *left:0%; z-index:4000; width:100%; /*max-width:2000px;*/
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.cerrar{position:absolute; top:5px; right:5px; width:25px; height:26px;}
.cajapop{max-width:400px; background:#fff; margin:0 auto; padding:1px; height:auto;}
.arriba.negro{background: #232323; font-size:1.154em; color:#ffffff; padding:10px 30px; position:relative;}
.zonainteriorpop{padding:20px 10px 15px 10px}


.oscurecer{position:fixed; width:100%; height:100%; top:0; z-index:3000; background:#222\9; background-color:rgba(0, 0, 0, 0.6);}



/*_____________FONDOS_______________*/

.sombra{
	-webkit-box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.18);
	box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.18);
}

.fontop{
	
	width:100%; z-index:100; padding:10px 0; background:#8a1314\9;/*IE 8 y anterior*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.21,#A62E2E), color-stop(1,#8A1313));
	background-image: -o-linear-gradient(bottom, #A62E2E 21%, #8A1313 100%);
	background-image: -moz-linear-gradient(bottom, #A62E2E 21%, #8A1313 100%);
	background-image: -webkit-linear-gradient(bottom, #8A1313 21%, #A62E2E 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #A62E2E 21%, #8A1313 100%);
	background-image: linear-gradient(to bottom, #A62E2E 21%, #8A1313 100%);

	-webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.5);/**/
	left: 0; right: 0; top: 0;
	
	margin-bottom:40px
}



/*__________________LISTADO HORIZONTAL______________*/


/*inicio móvil*/
.zona_imagen2 {max-width:402px; display:block; float:left; margin-right:10px;}
.zona_texto2{max-width:515px; display:block; float:left;}
/*fin móvil*/

.foto-hor {/*max-width:402px;*/ border:1px solid #e7e7e7;}
.zonafoto {position: relative;}

.caja-top-foto{position:absolute; top:5px; right:5px;}
.caja-bottom-foto{position:absolute; bottom:5px; left:5px;}

.icono-top {display: block; font-size: 1.231em; line-height:1.231em; padding:3px 6px 5px 6px; float:left; background:#222\9; background-color:rgba(0, 0, 0, 0.7); margin-left:5px; cursor:help;}
.icono-top.inherit{font-size:inherit;}
.icono-top.big{font-size:2em; cursor:default}

.foto-galeria{float:left; margin:5px 10px 5px 0px; border-radius:inherit; position:relative }
.foto-galeria img{width:150px; border:1px solid #e7e7e7;}

.galeria{float:left; margin:5px 10px 5px 0px; border-radius:inherit; position:relative; width:150px}

.fotigal{width:70px; height:53px; border:1px solid #e7e7e7; float:left}
.fotigal.sepaba{margin-bottom:7px}
.fotigal.sepder{margin-right:10px}

.camara, .play{position:absolute; z-index:5; top:0; left:0;}

.top-form{width:100%; padding:10px; background:#4b9b18; color:#fff;}
.content-form{border:1px solid #dcdcdc; padding:20px 10px 10px 10px; margin-bottom:20px; background:#f3f3f3}
.zona-campo{max-height:100px; height:100px; height:auto !important;}

/*inicio móvil*/
.top-form2{max-width:1000px; padding:10px; background:#4b9b18; color:#fff; margin:0 auto; }
.content-form2{max-width:1000px; border:1px solid #dcdcdc; padding:20px 10px 10px 10px; margin:0 auto; margin-bottom:20px; background:#f3f3f3}
/*fin móvil*/

.fondoazul{background:#2b5c86}

.campocheck1{float:left; width:18px; padding-top:3px; display:inline-block;}
.campocheck2{float:left; width:90%; display:inline-block;}



@media (max-width: 991px) {
	/*inicio móvil*/
	.zona_imagen2 {max-width:302px; float:left; margin-right:10px; }
	.zona_texto2{max-width:375px; float:left;}
	

	.top-form2{max-width:840px; }
	.content-form2{max-width:840px;}
	/*fin móvil*/


	.foto-galeria img, .galeria, .camara, .play{width:110px}
	.fotigal{width:52px; height:39px}
	.fotigal.sepaba{margin-bottom:5px}
	.fotigal.sepder{margin-right:6px}
	.centrado-formulario{margin:0 auto; display:block; max-width:500px; width:500px; width:auto !important; }
	.zona-campo{max-height:none;}
}

@media (max-width: 767px) {
	/*inicio móvil*/
	.zona_imagen2 {max-width:402px; display:block; float:none; margin: 0 auto;}
	.zona_texto2{max-width:402px; display:block; float:none; margin: 0 auto;}

	.top-form2{max-width:440px;}
	.content-form2{max-width:440px;}
	/*fin móvil*/
}



/*_________LISTAS__________*/

.estados li{display: inline; list-style-type: none; margin-right: 2px; font-size:0.769em; text-align:center; color:#fff; cursor:help; border:none;}
.estados li.fonrojo{background:#dc0000\9; background-color:rgba(220, 0, 0, 0.8);border:none; padding:1px 6px}
.estados li.fonverde {background:#007800\9; background-color:rgba(0, 120, 0, 0.8);border:none; padding:1px 6px;}
.estados li.fonazul{background:#2b5c86\9; background-color:rgba(43, 92, 134, 0.8);border:none; padding:1px 6px}

.estados li img{background:none; text-decoration:none; border:none;}

/*lista de grupo*/

.list-group {padding-left: 0; margin-bottom: 5px; }  

.list-group-item {
	position: relative;  
	display: block;  
	border-radius:inherit;
	margin:0 auto;
	max-width:320px;
	height:60px;
	overflow:hidden;
  
	background: #000;
	color:#ffffff;

	/*sombra texto
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	-webkit-transition: 0.1s linear;
	-moz-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	-o-transition: 0.1s linear;
	transition: 0.1s linear;*/

}  
  
a.list-group-item {color: #ffffff;}
a.list-group-item:hover {text-decoration: none; background-color:#000;}  
  
a.list-group-item.active,
a.list-group-item.active:hover{z-index: 2; color: #ffffff; background-color: #000; }  




/*_________POST__________*/

.post_image {float:left; margin-bottom:10px}
.post_texto{ display:block; overflow: hidden; padding: 0px 0 0px 10px;}

.zona-certificado{float:left; padding:10px 5px; height:60px}
.zona-precio{display:block; overflow: hidden; padding: 5px 5px 5px 10px;}

@media (max-width: 360px) {
	.desaparece{visibility:hidden; display:none}
	.zona-certificado{padding:10px}
}



/*__________TABLA DE PRECIOS_________*/

.zonaprecio{background:#f7f6ec; padding:10px 0; /*border:1px solid #d8d7ca*/}

.precio{font: bold 4.615em Arial,Helvetica, Verdana, sans-serif; color:#2f2e35;}
.euro {font-size:1.692em; color:#898879;}


.arriba {
  width: 100%; height: auto; padding:10px 0;
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.arriba h2 {color: #fff; text-align: center;  font: 300 1.923em Helvetica, Verdana, sans-serif;  /*padding-top:10px;*/ text-shadow: 0 1px 1px rgba(0,0,0,0.4);}

.arriba.verde{background: #6daf50;}
.arriba.naranja{background: #fa8916;}
.arriba.azul{background: #176ea6;}
.arriba.gris{background: #7f7f7f;}

.arriba.oro{background: #ebc200;}
.arriba.plata{background: #8b8b8b;}
.arriba.bronce{background: #825a36;}


.fonoro{
	background:#e89a00;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fedf50), color-stop(1, #e89a00));
	background-image: -o-linear-gradient(bottom, #fedf50 0%, #e89a00 100%);
	background-image: -moz-linear-gradient(bottom, #fedf50 0%, #e89a00 100%);
	background-image: -webkit-linear-gradient(bottom, #e89a00 0%, #fedf50 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #fedf50 0%, #e89a00 100%);
	background-image: linear-gradient(to bottom, #fedf50 0%, #e89a00 100%);
}

.oroscuro{
	background: #bd6b00;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9b338), color-stop(1, #bd6b00));
	background-image: -o-linear-gradient(bottom, #f9b338 0%, #bd6b00 100%);
	background-image: -moz-linear-gradient(bottom, #f9b338 0%, #bd6b00 100%);
	background-image: -webkit-linear-gradient(bottom, #bd6b00 0%, #f9b338 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #f9b338 0%, #bd6b00 100%);
	background-image: linear-gradient(to bottom, #f9b338 0%, #bd6b00 100%);
}



.fonplata{
	background: #4d4d4d;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(1, #4d4d4d));
	background-image: -o-linear-gradient(bottom, #777777 0%, #4d4d4d 100%);
	background-image: -moz-linear-gradient(bottom, #777777 0%, #4d4d4d 100%);
	background-image: -webkit-linear-gradient(bottom, #4d4d4d 0%, #777777 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #777777 0%, #4d4d4d 100%);
	background-image: linear-gradient(to bottom, #777777 0%, #4d4d4d 100%);
}

.plataoscuro{
	background: #3c3c3c;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5d5d5d), color-stop(1, #3c3c3c));
	background-image: -o-linear-gradient(bottom, #5d5d5d 0%, #3c3c3c 100%);
	background-image: -moz-linear-gradient(bottom, #5d5d5d 0%, #3c3c3c 100%);
	background-image: -webkit-linear-gradient(bottom, #3c3c3c 0%, #5d5d5d 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #5d5d5d 0%, #3c3c3c 100%);
	background-image: linear-gradient(to bottom, #5d5d5d 0%, #3c3c3c 100%);
}


.fonbronce{
	background:#744c28;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b57f4e), color-stop(1, #744c28));
	background-image: -o-linear-gradient(bottom, #b57f4e 0%, #744c28 100%);
	background-image: -moz-linear-gradient(bottom, #b57f4e 0%, #744c28 100%);
	background-image: -webkit-linear-gradient(bottom, #744c28 0%, #b57f4e 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #b57f4e 0%, #744c28 100%);
	background-image: linear-gradient(to bottom, #b57f4e 0%, #744c28 100%);
}

.bronceoscuro{
	background: #52361c;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #855a37), color-stop(1, #52361c));
	background-image: -o-linear-gradient(bottom, #855a37 0%, #52361c 100%);
	background-image: -moz-linear-gradient(bottom, #855a37 0%, #52361c 100%);
	background-image: -webkit-linear-gradient(bottom, #52361c 0%, #855a37 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #855a37 0%, #52361c 100%);
	background-image: linear-gradient(to bottom, #855a37 0%, #52361c 100%);
}




.tablaprecios {
  width: 100%; /*height: 450px;*/
  max-width:400px;
  background: white;
  margin: 5px 5px 10px 5px;
  /*float: left;*/
  margin:0 auto;
  position:relative;
  /*border:1px solid #e7e7e7;*/
 
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
     -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
          box-shadow: 2px 2px 9px rgba(0,0,0,0.3);
  
}

.ribbon{position:absolute; right:0; top:0;}

.interiortablaprecios{padding:10px;}

.tablaprecios.bordeverde{border-bottom:4px solid #6daf50}
.tablaprecios.bordenaranja{border-bottom:4px solid #fa8916}
.tablaprecios.bordeazul{border-bottom:4px solid #176ea6}
.tablaprecios.bordegris, .tablaprecios.bordeplata{border-bottom:4px solid #7f7f7f}
.tablaprecios.bordeoro{border-bottom:4px solid #ebc200}
.tablaprecios.bordebronce{border-bottom:4px solid #825a36}


.inforegalo{background:#f7f6ec; padding:5px 10px; margin-top:5px}

.inforegalo.verde{background:#c5f7ad}
.inforegalo.naranja{background:#ffd1a5}
.inforegalo.azul{background:#c7e0f0}

.inforegalo.oro{background:#f7f4b0; /*border:1px solid #e0deb2;*/}
.inforegalo.plata{background:#dcdbd2; /*border:1px solid #bebebe;*/}
.inforegalo.bronce{background:#eddeb9; /*border:1px solid #d5c6a1;*/}



/*Escalar tablaprecios*/
.aumentar {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

@media (max-width: 991px) {
	.aumentar {
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}

}


/*_____________BOTONES_________*/

.boton{text-align:center; margin:0 auto; max-width:150px; border-radius:inherit; text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
}
.boton a {display:block; font: bold 1.077em Arial, Helvetica, sans-serif; color: #fff; background: #7f7f7f; border-bottom:4px solid #6a6a6a; padding:10px 20px 8px 20px; text-decoration: none; border-bottom:4px solid #58993b}
.boton a:hover {color: #fff; background: #6a6a6a; border-bottom:4px solid #595959; text-decoration: none;}

.boton.verde a{background: #6daf50; border-bottom:4px solid #58993b;}
.boton.verde a:hover{background: #58993b; border-bottom:4px solid #48852d;}

.boton.naranja a{background: #fa8916; border-bottom:4px solid #df6f04;}
.boton.naranja a:hover{background: #df6f04; border-bottom:4px solid #cc690b;}

.boton.azul a{background: #176ea6; border-bottom:4px solid #055184;}
.boton.azul a:hover{background: #055184; border-bottom:4px solid #074169;}

.boton.gris a, .boton.plata a{background: #7f7f7f; border-bottom:4px solid #6a6a6a;}
.boton.gris a:hover, .boton.plata a:hover{background: #6a6a6a; border-bottom:4px solid #565656;}

.boton.oro a{background: #ffd71b; border-bottom:4px solid #e8bf00;}
.boton.oro a:hover{background: #e8bf00; border-bottom:4px solid #d3ae00;}

.boton.bronce a{background: #825a36; border-bottom:4px solid #6c4a2b;}
.boton.bronce a:hover{background: #6c4a2b; border-bottom:4px solid #523820;}


/*___________FORMS_______________*/



.cajita-form-izq{
	padding:9px 12px; font-size:1em; font-weight:400; line-height:1; color:#555; text-align:center; background-color:#eee;
	border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; display:inline-block	
}

.cajita-form-der{
	padding:10px 12px; font-size:1em; font-weight:400; line-height:1; color:#555; text-align:center; background-color:#eee;
	border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; display:inline-block	
}

.cajita-form-izq span, .cajita-form-izq i, .cajita-form-der span, .cajita-form-der i{margin-top:9px; /*vertical-align:middle;*/}

.cajita-form-izq:hover, .cajita-form-der:hover{color:#000}

.cajita-form-der.obliga{border:none; background:none}