@import url(http://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700);

@charset "utf-8";
/* Icons
-------------------------------------------------- */
/*-------------------------estilos personales de PEPE-------------------------*/
/*-------------------------------------------------# css personal de Produccion -----------------------------------------*/
.txt-letra1{font-family: 'Lora', serif;}
.txt-letra2{font-family: 'Playfair Display', serif;}
.txt-letra-dosis{font-family: 'Dosis', sans-serif;}
.txt-bold-700{ font-weight:700;}
.txt-italic{ font-style:italic;}
.txt-justify{ text-align:justify;}
.txt-tachado{text-decoration:line-through;}
.font-9{ font-size:9px;}
.font-10{ font-size:10px;}
.font-11{ font-size:11px;}
.font-12{ font-size:12px;}
.font-13{ font-size:13px;}
.font-14{ font-size:14px;}
.font-15{ font-size:15px;}
.font-16{ font-size:16px;}



.name{ color:#333; font-size:15px; font-family:Georgia, "Demo ConeriaScript Slanted";}
.sesion-header{margin-bottom: 60px;width: 100%; }
.sesion-header h3 {font-weight: 300;font-style: italic;font-size: 27px;padding-bottom: 0px;margin: 0;padding-top:50px;}

.fondo-nos{ background:url(../img/xbg3-2.jpg) no-repeat;}
.fondo-cont{ background:url(../img/xbg3-3.jpg) no-repeat;}
.fondo{background:url(../img/reclama1.png) no-repeat;}
.trans-0-6{filter:alpha(opacity=60); opacity:0.6;}

var{display:block;font-size:55px;line-height:35px;font-style: normal;margin-bottom:10px;float:right;padding-left:5px;padding-right:5px;padding-bottom:5px;font-weight:bold;}
var2{ display:block;height:30px;font-size:35px;line-height:35px;font-style:normal;margin-bottom:10px;float:right;padding-left:16px;padding-right:16px;text-align:center;}





.color-nar-1{ color:#F30;}
.color-nar-3{ color:#F7931D;}
.color-nar-2{ color: #F60;}
.color-nar-4{ color:#E9B03D;}
.color-nar-5{ color:#DB6D00;}
.color-nar-6{ color:#992F1A;}
.color-nar-7{ color:#F7931D;}

.color-azul-1{ color: #003;}
.color-azul-2{ color: #006;}
.color-azul-3{ color:#000078;}
.color-azul-4{color: #1189D9;}
.color-azul-5{color:#003580;}
.color-azul-6{color:#197DA9;}

.color-gris{color:#CCC;}
.color-gris2{color: #999;}
.color-gris3{color: #666;}
.color-gris4{color: #333;}

.color-white{color:#FFF;}

.color-red-1{color:rgb(255,0,0);}
.color-red-2{color: rgb(204,0,0);}
.color-red-3{color: rgb(153,0,0);}
.color-verde-1{color:#4D9C00;}

.color-marron-2{color: #974B00;}

.sombra-text-1{text-shadow: 0px 1px 1px rgba(0,0,0,0.8);}
.sombra-text-2{text-shadow: #000000 1px 1px 2px;}

.padd-A{padding:0.2em;}
.padd-0-2{padding:0.2em;}
.padd-0-3{padding:0.3em;}
.padd-0-4{padding:0.4em;}
.padd-0-5{ padding:0.5em;}
.padd-0-8{ padding:0.8em;}
.padd-1{ padding:1em ;}
.padd-2{ padding:2em ;}
.padd-3{ padding:3em;}
.padd-4{ padding:4em ;}
.padd-5{ padding:5em;}
.padd-left{ padding-left:2em;}
.padd-left-0{padding-left:0.5em;}
.padd-right{ padding-right:2em;}
.padd-right-0{ padding-right:0.5em;}
.padd-top{ padding-top:0.5em;}
.padd-top-2{ padding-top:2em;}
.padd-rest-0{ padding-left:0px; padding-right:0px;}
.padd-rest-left{ padding-left:0px;}
.padd-rest-right{padding-right:0px;}
.padd-imput-busca{padding-left:0px; padding-right:4px;}


.margin-rest-0{ margin-left:-15px; margin-right:-15px;}
.margin-rest-top-0{ margin-top:0px;}
.margin-aunto{margin:auto}
.margin-top-10{ margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-bottom-10{ margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.h-sub-nar{border-bottom: #F30 solid 1px; }

.border-radius-15{ border-radius:15px;}
.border-radius-10{ border-radius:10px;}
.border-radius-5{ border-radius:5px;}
.border-radius-down-15{ border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.border-radius-down-10{border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.border-radius-down-5{border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.border-radius-up-5{ border-top-left-radius:15px; border-top-right-radius:15px;}

.border-vert-izq{ border-left:solid 1px;}
.border-vert-drcha{ border-right:solid 1px;}
.border-1-solid{ border: solid 1px;}
.border-up-1-solid{ border-top: solid 1px;}
.border-up-2-solid{ border-top: solid 2px;}
.border-up-5-solid{ border-top: solid 5px;}
.border-down-1-solid{ border-bottom: solid 1px;}
.border-down-2-solid{ border-bottom: solid 2px;}
.border-2-solid{ border: solid 2px;}

.border-color-white{ border-color: #ffffff;}

.border-color-rosa{border-color: #DA498F;}

.border-color-gris-0{ border-color: #EAEAEA;}
.border-color-gris-1{ border-color: #CCC;}
.border-color-gris-2{ border-color: #999;}
.border-color-gris-3{ border-color: #666;}

.border-color-nar-3{border-color:#DAA300;}

.border-color-verde-1{border-color:#4D9C00;}

.border-color-azul1{ border-color:#00F;}




.background-blanco{ background: rgba(255,255,255,1);}

.background-barra-nave{
	background: -webkit-linear-gradient( #D40000 ,#990000);
  	background: -moz-linear-gradient( #D40000 ,#990000 );
  	background: -o-linear-gradient( #D40000 ,#990000);
	}
.background-nar-0{ background:#EAD6BB;}
.background-nar-1{ background:#FFC954;}
.background-nar-2{background:#F59C38;}
.background-nar-3{background:#FCC202;}
.backgraund-nar-6{ background:#F7931D;}
.backgraund-nar-7{ background:#992F1A;}

.background-gris-0{ background: #F2F2F2;}
.background-gris-1{ background: #f5f5f5;}

.background-verde-0{ background:#E2F8CC;}

.background-azul-0{ background:#46ACE0;}
.backgraund-azul-trans{background: rgba(70,172,224, 0.6);}
.backgraund-gris-buscador{background:#212121;}
.backgraund-red-trans{background: rgba(204,0,0, 0.6);}

.transparente0{opacity:1;}

.backgraund-publi{
	background: -moz-linear-gradient(left,  rgba(195,210,247,1) 0%, rgba(195,210,247,0) 20%, rgba(195,210,247,0) 80%, rgba(195,210,247,1) 99%, rgba(195,210,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(195,210,247,1)), color-stop(20%,rgba(195,210,247,0)), color-stop(80%,rgba(195,210,247,0)), color-stop(99%,rgba(195,210,247,1)), color-stop(100%,rgba(195,210,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(195,210,247,1) 0%,rgba(195,210,247,0) 20%,rgba(195,210,247,0) 80%,rgba(195,210,247,1) 99%,rgba(195,210,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(195,210,247,1) 0%,rgba(195,210,247,0) 20%,rgba(195,210,247,0) 80%,rgba(195,210,247,1) 99%,rgba(195,210,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(195,210,247,1) 0%,rgba(195,210,247,0) 20%,rgba(195,210,247,0) 80%,rgba(195,210,247,1) 99%,rgba(195,210,247,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(195,210,247,1) 0%,rgba(195,210,247,0) 20%,rgba(195,210,247,0) 80%,rgba(195,210,247,1) 99%,rgba(195,210,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d2f7', endColorstr='#c3d2f7',GradientType=1 ); /* IE6-9 */

}



.sombra1{-moz-box-shadow:0px 0px 8px #CCCCCC ;-webkit-box-shadow:0px 0px 8px #CCCCCC;box-shadow: 0px 0px 8px #CCCCCC;}
.sombra2{-moz-box-shadow:0px 5px 15px #000000  ;-webkit-box-shadow:0px 5px 15px  #000000 ;box-shadow: 0px 5px 15px  #000000 ;}

.nav .navbar-nav .navbar-right li:hover{ color:#F00; outline-style:}
.rotar60{-webkit-transform: rotateZ(-20deg);-moz-transform: rotateZ(-20deg);-o-transform: rotateZ(-20deg);}
.position-absolute{ position:absolute;}

/*----------- Contenedor general contenido de informacion --------------*/


.hiddencon {
margin: 0;
padding: 0;
width: 410px;
z-index:99999;
position: fixed;
/* Desplazamiento para ocultar hacia la derecha 
todo el ancho del bloque menos el borde */
right: -400px;
top:120px;
opacity: .9;
/*left:-204px;*/

}
.hiddencon2 {
top: auto;
bottom: 10px;
}
/* Contenido visible al hacer hover */
.hiddencon:hover {
right: 0;
/*left:0;*/
}
/* Pestaña para desplegar */
.hiddencon-label { 
margin-top: -23px;
margin-left:-32px;

padding: 10px;
position: absolute;
top: 50%;
display: inline-block;
color: white;
background:#ECB54B;
font-size: 14px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px  5px;
z-index:-9999;
}
.hiddencon, .hiddencon-label {
/* Desplegado suave con transiciones */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* El contenido incluida variante para listas */
.buscador{margin: 0;
padding: 0;
border: 3px solid #ECB54B;
border-right:0;
border-left:#ECB54B solid 5px;
color: #fff;
background-color: #009;
text-align:center;
vertical-align: center;
-moz-border-radius:10px  0px 0px  10px;
-webkit-border-radius: 10px  0px 0px  10px;
border-radius:10px  0px 0px  10px;}

.hiddencon p, .hiddencon ul {
margin: 0;
padding: 0;
border: 3px solid #ECB54B;
border-right:0;
border-left:#ECB54B solid 5px;
color: #fff;
background-color:#E9B03D;
text-align:center;
vertical-align: center;
-moz-border-radius:10px  0px 0px  10px;
-webkit-border-radius: 10px  0px 0px  10px;
border-radius:10px  0px 0px  10px;
}
/* Estilo para listas */
.hiddencon ul {
margin:0;
overflow:auto;
}
.hiddencon li {
display: block; 
}
.hiddencon li a {
display: block;
padding: 10px;
border-bottom: 1px solid  #06F;
color: #ddd;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.hiddencon li:last-child a{
border-bottom: 0;
}
.hiddencon li a:hover {
background-color:#08c ;
text-decoration: none;
}

@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
.col-item
{
  border: #09F solid 1px;
    border-radius: 5px;
    background: #FFF;
	font-family: 'Dosis', sans-serif;
}
.col-item:hover{border: #0CF dotted 1px;}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
	border-radius: 5px;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
   /* background-color: #F5F5DC;*/
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.personas{
		font-size:22px;
		}

.thumbnail .caption2.alt h1-2 {
	font-size:40px;
 }	  
/**
  MEDIA QUERIES
*/
@media(width:1024){
	.personas{
		text-align:left !important;
		}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
      margin-top: 30px;
    }
 
}

@media (min-width: 768px) and (max-width: 979px) {
	
	
	 
	 .precio{ padding-bottom:20px;}
	  .thumbnail .caption2.alt {
	padding-bottom:30px;}	
	
.thumbnail .caption2.alt h1 {
	font-size:100px;
 }	  
	  }




/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
	
.thumbnail .caption2.alt {
	padding-bottom:30px;}	
	
.thumbnail .caption2.alt h1 {
	font-size:100px;
 }	
	
	
	
}


@media (max-width: 480px) { 
	.thumbnail .caption2.alt {
	padding-bottom:10px;
	padding-left:3px !important;
	padding-right:3px !important;}	
	
.thumbnail .caption2.alt h1 {
	font-size:60px;
 }	  
 }

/*-----caption para todos---------*/
.thumbnail .caption2.alt {
  position: absolute;
  top: 0px; right:0px;
  max-width:100%;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.8);
  border-top-right-radius:4px;
  padding-bottom:10px;}
 
 .thumbnail .caption.alt {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 50%;
  background: rgba(0, 158, 230, 0.6);
  color: #fff;
  font-weight: 600;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.225);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.225);
  border: 1px solid rgba(3,142,231, 0.8);
}
 .thumbnail .caption2.alt h5 {
	 padding:0px !important;
	 margin:0px;
 }
 
.precio{
	font-size:60px; 
	padding:0 !important;
	margin:0px !important;
	margin-left:-10px !important;
	font-weight: 600;
	}