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

html,
body { height: 100%; }

@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:5%;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1vw;
	clear:both;
        font-weight: strong;
color: #333;
top: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;
}


@media (max-width: 768px) {
.cookiesms{	height:25%;}
}

 
.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: "Cristalab";
   src: url("samarkanda.eot");
   src: url("samarkanda.eot?#amocristalab") format("embedded-opentype"),
        url("samarkanda.woff") format("woff"),
        url("samarkanda.ttf") format("truetype"),
        url("samarkanda.svg#IDdelafuente") format("svg");
}


@font-face
{
   font-family: "Cristalab2";
   src: url("MonogramsToolbox.eot");
   src: url("MonogramsToolbox.eot?#amocristalab2") format("embedded-opentype"),
        url("MonogramsToolbox.woff") format("woff"),
        url("MonogramsToolbox.ttf") format("truetype"),
        url("MonogramsToolbox.svg#IDdelafuente") format("svg");
}

body {background: url(imgs/bg.jpg);background-size:cover; margin:0 auto; height:100%; display: table; 
  width: 100%; font-family: "Cristalab";}




.page-row {
  display: table-row;
  height: 1px;
}
 
.page-row-expanded { height: 100%; }


img { width: 100%;
	  border:0;}


h1 {font-size:1.5vw;
	color: #FFF;
	text-align:center;}
	@media (max-width: 768px) {
	h1 {font-size:3.5vw;
		text-align:center;}
	}

h2 {font-size:1.2vw;
	color:#8c734a;
	text-align:justify;
	font-weight:100;}
	@media (max-width: 768px) {
	h2 {font-size:5.5vw;}
	}
	
#footer{background: #7c9095;
		background-size:cover;
		width: 77%;
		margin-left:11.5%;
		margin-top:3%;
		float:left;
		color:#fff;
		text-align:center;
		font-size:0.7vw;
		padding-top:1%;
		padding-bottom:1%;
		}
		@media (max-width: 768px) {
				 #footer {font-size:3vw;
				 		  width:80%;
						  margin-left:10%;}
				 
			 }
			 
			 #footer a {color:#fff;	 		    
		
		}
		
#telefonos {width:80%;
			margin-left:10%;
			margin-right:10%;
			color:#fff;
			text-align:center;
			font-size:1.7vw;}
			
			#telefonos a{color: #FFFF00;
						 text-decoration:none;}
			
			@media (max-width: 768px) {
			#telefonos { font-size:3.5vw;}			
			}


#contenedor {width:80%;
			 float:left;
			 margin-left:10%;
			 margin-right:10%;}
			 
/*Strip the ul of padding and list styling*/
ul {
	width:100%;
	list-style-type:none;
	margin-left: 0%;
	padding:0;
	
/*	position: absolute;*/
}
 	@media (max-width: 768px) {
		ul {width:100%;
			margin-left:0%;
			float: left;}
	}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	width:30%;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom:2%;
}
	@media (max-width: 768px) {
		li {margin-top:0%;
			float: left;}
	}

/*Style for menu links*/
li a {
	display:block;
	font-size:1.5vw;
	line-height:2vw;
/*	min-width:140px;*/
/*	height: 50px;*/
	text-align: center;
/*	line-height: 50px;*/
	color: #7c9095;
	background: #fff;
	text-decoration: none;
}
	@media (max-width: 768px) {
		li a{font-size:4vw;
			 line-height:8vw;
			}
	}

/*Hover state for top level links*/
li:hover a {
	background: #c6d2d4;
	color:#fff;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	background: #7c9095;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 768px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
		margin-left:0%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		/*margin-top:2%;*/
		width:100%;
	}
}


#contenido1  {width:97%;
			  margin-left:1.5%;
			  margin-right:1.5%;
			  float:left;
			  background:#000;
			  color:#FFFF00;
			  margin-bottom:3%;}
			  
			  @media screen and (max-width : 768px){
			  #contenido1 {width:100%;
			  			   margin-top:2%;
						   margin-left:0%;
			               margin-right:0%;}
						   
			  }

	#line1 {width:100%;
			float:left;}
			
			#img-line1 {width:35%;
						float:left;}
						
			#contenido-line1 {width:60%;
							  margin-right:5%;
							  float:left;}

				#title1 {font-family: "Cristalab2";
			 			 color:#fff;
						 text-align:right;
			 			 font-size:4.5vw;}
				#subtitle1 {color:#FFFF00;
							text-align:right;
							font-size:1.8vw;}
				#img-contenido1 {width:80%;
							     margin-left:20%;}
				
				#visa {width:100%;
					   float:left;}
					   #img-visa {width:18%;
					   			  margin-right:2%;
								  float:left;}
					   #contenido-visa { width:80%;
					   					float:left;
						                }
								
							#contenido-visa1 {color:#FFFF00;
											  text-shadow: 0px 2px 3px #555;
											  font-size:4vw;
											  text-align:center;
											  margin-top:-2%;
						                      }
							#contenido-visa2 {color:#FFFF00;
											  text-shadow: 0px 2px 3px #555;
											  font-size:2.2vw;
											  text-align:center;}
							
							#contenido-visa3 a{color:#fff;
											   text-align:center;
											   font-size:5.5vw;
											   text-decoration:none;}
							
							#contenido-visa4 {color:#FFF;
											  text-align:center;
											  font-size:3vw;}
											  

	#line2 {width:100%;
			float:left;}
						
			#contenido-line2 {width:60%;
							  margin-left:5%;
							  float:left;
							  font-size:2vw;
							  color:#FFFF00;
							  text-shadow: 0px 2px 3px #555;}
							  @media screen and (max-width : 768px){
							  #contenido-line2 {font-size:2.5vw;}
							  }

			
			#img-line2 {width:35%;
						float:left;}
						
						
	#line3 {width:100%;
			float:left;}
			
			#img-line3 {width:45%;
						float:left;
						margin-left:5%;}
						
			#contenido-line3 {width:45%;
							  margin-right:5%;
							  float:left;
							  text-shadow: 0px 2px 3px #555;
							  margin-top:7%;}
						
						#contenido-806-tarifa {color: #FFFF00;
											  text-align:center;
											  font-size:2.5vw;
											  text-shadow: 0px 2px 3px #555;}	  

		#line4 {width:90%;
				margin-left:5%;
				margin-right:5%;
				text-align:center;
				float:left;
				font-size:2vw;
				color:#FFFF00;
				text-shadow: 0px 2px 3px #555;}
				@media screen and (max-width : 768px){
				#line4 {font-size:2.5vw;}
				}

#contenido2 {width:97%;
			  margin-left:1.5%;
			  margin-right:1.5%;
			  float:left;
			  color:#FFF;
			  margin-bottom:3%;}
			  
			  @media screen and (max-width : 768px){
			  #contenido2 {width:100%;
			  			   margin-top:2%;
						   margin-left:0%;
			               margin-right:0%;}
						   
			  }
			  
		#texto-contenido2 {width:56%;
						   padding:2%;
						   float:left;
						   text-align:left;
						   border:#666666 5px double;}
						   
						   @media screen and (max-width : 768px){
						   #texto-contenido2 {width:92%;}
						   }
		
		#img-contenido2 {width:32%;
						 padding:1%;
						 margin-left:1%;
						 float:left;
						 border:#666666 5px double;}
						 @media screen and (max-width : 768px){
						  #img-contenido2 {width:94%;
						  				   margin-top:2%;
										   margin-left:0%;}
						   }


#contenido3 {width:80%;
		 	 margin-left:10%;
			 margin-bottom:3%;
			 background:url(imgs/bg-tarifas.jpg);
			 background-size:cover; 
			 float:left;}						
			
			 @media screen and (max-width : 768px){
			 #contenido3 {width:100%;
			 			  margin-left:0%;
						  margin-top:2%;	 
			 }
			 }
				 
				 
				#title3 {font-family: "Cristalab2";
			 			 color:#fff;
						 text-align:center;
			 			 font-size:4.5vw;
						 margin-top:2%;}
						 
						 @media screen and (max-width : 768px){
						 #title3 {font-size:7vw;} 
						 }
						 
				#subtitle3 {color:#FFFF00;
							text-align:center;
							font-size:2.7vw;
							text-shadow: 0px 2px 3px #555;}
							
							@media screen and (max-width : 768px){
						    #subtitle3 {font-size:4vw;} 
						    }
						 
				#tarifas-visa {width:90%;
							   margin-right:10%;
							   margin-top:3%;
							   float:left;
							   color:#FFF;
							   text-align:right;
							   font-size:2.7vw;
							   text-shadow: 0px 2px 3px #555;}
							   
							   @media screen and (max-width : 768px){
						       #tarifas-visa {font-size:4vw;} 
						       }
							
				#visa3 {width:100%;
				        float:left;
						margin-top:10%;
						margin-bottom:10%;}
						
						#tlfn-visa3 a{width:70%;
									  font-family: "Cristalab2";
									  text-shadow: 0px 2px 3px #555;
									  float:left;
									  margin-left:2%;
									  margin-right:2%;
									  color:#fff;
									  text-align:center;
									  font-size:5.5vw;
									  text-decoration:none;}
									  
									  @media screen and (max-width : 768px){
									  #tlfn-visa3 a{font-size:7vw;}
									  }
									  
						#img-visa3 {width:14%;
									margin-right:2%;
									float:left;
									margin-top:3%;}

		#texto-contenido4 {width:94%;
						  padding:2%;
						   float:left;
						   text-align:left;
						   font-size:1vw;
						   border:#666666 5px double;}
						   
						   @media screen and (max-width : 768px){
						   #texto-contenido4 {font-size:2.5vw;}
						   }
						   
						   #texto-contenido4 a {color:#FFFF00;}
						
#video { width:100%;
		float:left;
		margin-top:5%;}
.responsiveContent {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.2%;
  margin-bottom: 20px;
}
.responsiveContent iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}