@charset "utf-8";
/* CSS Document */

   a.estilo3 {
	font-family: arial, arizonia;
	font-style: normal;
	font-weight: 400;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:80%;
	color:white;
	text-decoration: underline; 
}

a:hover.estilo3 {
	text-decoration: none;
	color: #B5DC3A;
}
	   
	   
.estiloA 
{
	 padding-right: 5%; padding-bottom: 5%; padding-left: 5%;
 }

.ejemplo {
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
}

.ejemplo img {
	float:left;
	padding:2px;
	border:1px solid #999;
	margin-right:10px;
	margin-bottom:10px;
}


.zoomIt{
display:inline-block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
}
.zoomIt:hover
{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
	
	.zoomIt2{
display:inline-block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
font-family: Arial,arial, arizonia;
	font-style: normal;
	font-weight: 400;
	color: #bf8f00;
}
	
.zoomIt2:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
font-family: Arial,arial, arizonia;
	font-style: normal;
	font-weight: 400;
	color: #bf8f00;

}

.zoomItPre{
display:inline-block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
background: -webkit-linear-gradient(#ffff00,#A49180);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  color: tomato;  
  }
.zoomItPre:hover{
	 box-shadow: 0 0 8px #efb810;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)

}

	 .zoomItRec{
display:inline-block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
font-family: Arial, arial, arizonia;
	font-style: normal;
	font-weight: 400;
	color: white;
	font-size:150%;
	
			 -moz-box-shadow: 0px 0px 30px #ffffff; 
      -webkit-box-shadow: 0px 0px 30px #ffffff; 
      box-shadow: 0px 0px 30px #ffffff;
      
      padding: 10px;
      border: 1px solid #fff;
      width: 160px;
      margin: 40px;


}
.zoomItRec:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
font-family: Arial,arial, arizonia;
	font-style: normal;
	font-weight: 400;
	color: #B5DC3A;

}
	
.social {
	position: scroll; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la izquierda */
	bottom: 0; 
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 3px 6px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-googleplus {background: #d95232;}
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
	
 
/* CSS para la animación y localización de los DIV de cookies */

@media only screen and (max-width: 700px) {

.cookiesms{
margin-bottom:10px;
height:120px;
}

}
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */
	
		

@font-face {
   font-family: "arial";
   src: url("fuente/arial.eot");
   src: url("fuente/arial.eot?#arial") format("embedded-opentype"),
        url("fuente/arial.woff") format("woff"),
        url("fuente/arial.ttf") format("truetype"),
        url("fuente/arial.svg#arial") format("svg");
}

a {
	font-family: arial, arizonia;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	color: #B5DC3A;

}


	a:Politica {
	text-decoration: none;
	color: red;
	
} 

	

 

h4
{
color: white;
 }
  #div {
	  align-content:center;
	  align-items:center;
	
    border:solid 4px black;
    display:inline-block;
    margin-left:auto;
    margin-right:auto; 
 }
 		.zoomItLogo{
display:inline-block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
background: -webkit-linear-gradient(#ffff00,#bf8f00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  color: tomato;

  }
  .logoRPax{
	  width:20%;  
  }
  
  .bandera{
	 width=5%;  
  }
  
   .banderaMX{
	 width=7%;  
  }
	 
	 
  .zoomItLogo:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)

}
  
	
    @font-face {
   font-family: "arial";
   src: url("../fuente/arial.eot");
   src: url("../fuente/arial.eot?#arial") format("embedded-opentype"),
        url("../fuente/arial.woff") format("woff"),
        url("../fuente/arial.ttf") format("truetype"),
        url("../fuente/arial.svg#arial") format("svg");
}



/*fondos de body*/
.index {
  background-image: url("http://www.rpaxtian.com/RPax/NuestrosPuros/images/Patrontabaco3.jpg");
  background-size:100%;
  background-attachment:scroll;
  background-position:center;  
}
.premium {
	background: url(images/patron-premium.jpg);
	background-repeat:repeat;
}

.fondo {
  background-image: url("RPax/NuestrosPuros/images/Patrontabaco3.jpg");
  background-size:100%;
  background-attachment:scroll;
  background-position:center;  
}
/*fin fondos de body*/


.encabezado
{
	color:#C8D562;
	font-family:font-family:  arial,Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif;
	font-size: 225%;
}



@media only screen and (max-width: 900px) {

	  .logoRPax{
	  width:30%;  
  }
  
  .bandera{
	 width=7%;  
  }
  
  
   .banderaMX{
	 width=6%;  
  }
  .encabezado
{
	color:#C8D562;
	font-family:font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif, arial,Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif;
	font-size: 225%;
}
	 
}

.vitolario
{
	
	display: flex;
justify-content: space-between | space-around;
border-bottom-color:rgba(239,228,228,1.00);
	width:100%;
	
	
}

.parrafo
{
	font-family:aclonica,arial;
	font-size:120%;
	color:#FFFFFF;
}