﻿/*
	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%}

.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*/}



/*_____________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______________*/

.zona_imagen {float:left; /*margin-bottom:10px;*/ max-width:402px}
.zona_texto{ display:block; overflow: hidden; padding: 0px 0 0px 10px;}

/*inicio móvil*/
.zona_imagen2 {max-width:402px; display:block; float:left; margin-right:10px;}
.zona_texto2{max-width:540px; 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; }
.foto-galeria img{border:1px solid #e7e7e7;}


.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:402px; float:left;}
	

	.top-form2{max-width:840px; }
	.content-form2{max-width:840px;}
	/*fin móvil*/


	.zona_imagen{max-width:282px}
	.foto-galeria img{width:110px}
	.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;  
	/*padding:26px 20px 21px 20px;*/ padding:8px; background:#fffef5; border:1px solid #cecece;  
	border-radius:inherit;
	margin:0 auto;
	/*max-width:290px;*/
	width:290px;
  
	background: #fffef5;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fffef5), color-stop(1, #cfcec6));
	background-image: -o-linear-gradient(bottom, #fffef5 0%, #cfcec6 100%);
	background-image: -moz-linear-gradient(bottom, #fffef5 0%, #cfcec6 100%);
	background-image: -webkit-linear-gradient(bottom, #cfcec6 0%, #fffef5 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #fffef5 0%, #cfcec6 100%);
	background-image: linear-gradient(to bottom, #fffef5 0%, #cfcec6 100%);

	
	/*bevel
	box-shadow: #8c8c8c 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;*/

	/*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: #333;}
a.list-group-item:hover {text-decoration: none; background-color: #f5f5f5;}  
  
a.list-group-item.active,
a.list-group-item.active:hover{z-index: 2; color: #fff; background-color: #000; }  

.list-group-item.recomendado{background:#fee05e url("../images/bombilla.png") no-repeat center right;}


.degnar{
	background:#fff1df;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff1df), color-stop(1, #ddc49f));
	background-image: -o-linear-gradient(bottom, #fff1df 0%, #ddc49f 100%);
	background-image: -moz-linear-gradient(bottom, #fff1df 0%, #ddc49f 100%);
	background-image: -webkit-linear-gradient(bottom, #ddc49f 0%, #fff1df 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #fff1df 0%, #ddc49f 100%);
	background-image: linear-gradient(to bottom, #fff1df 0%, #ddc49f 100%);
}

@media (max-width: 480px) {
	.list-group-item.recomendado{background:#fff1df}
}


/*_________POST__________*/

.post_image {float:left; margin-bottom:10px}
.post_texto{ display:block; overflow: hidden; padding: 0px 0 0px 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:#ebab00\9;/*IE 8 y anterior*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.21,#ffe672), color-stop(1,#ebab00));
	background-image: -o-linear-gradient(bottom, #ffe672 21%, #ebab00 100%);
	background-image: -moz-linear-gradient(bottom, #ffe672 21%, #ebab00 100%);
	background-image: -webkit-linear-gradient(bottom, #ebab00 21%, #ffe672 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #ffe672 21%, #ebab00 100%);
	background-image: linear-gradient(to bottom, #ffe672 21%, #ebab00 100%);
}

.fonplata{
	background:#8c8c8c\9;/*IE 8 y anterior*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.21,#bebebe), color-stop(1,#8c8c8c));
	background-image: -o-linear-gradient(bottom, #bebebe 21%, #8c8c8c 100%);
	background-image: -moz-linear-gradient(bottom, #bebebe 21%, #8c8c8c 100%);
	background-image: -webkit-linear-gradient(bottom, #8c8c8c 21%, #bebebe 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #bebebe 21%, #8c8c8c 100%);
	background-image: linear-gradient(to bottom, #bebebe 21%, #8c8c8c 100%);
}

.fonbronce{
	background:#825a36\9;/*IE 8 y anterior*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.21,#c38d5c), color-stop(1,#825a36));
	background-image: -o-linear-gradient(bottom, #c38d5c 21%, #825a36 100%);
	background-image: -moz-linear-gradient(bottom, #c38d5c 21%, #825a36 100%);
	background-image: -webkit-linear-gradient(bottom, #825a36 21%, #c38d5c 100%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #c38d5c 21%, #825a36 100%);
	background-image: linear-gradient(to bottom, #c38d5c 21%, #825a36 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}

