.ccc {

		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}

.ccc:hover {
transform: scale(1.5);
-webkit-transform: scale(1.5);
-ms-transform:
}

 a{
	color:black;
	text-decoration: none;
	font-style: italic;
	
	
 }

.forma{
	font-size: 22px;
	width: 480px;
	
	
}


.arrow_box {
	position: relative;
	background: #ece4d5;
	width:270px;
	
	 text-align: center;
	 font-style: italic;
	border: 4px solid #ffffff;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ece4d5;
	border-width: 22px;
	left: 50%;
	margin-left: -22px;
}
.arrow_box:before {
	border-color: rgba(236, 228, 213, 0); 
	border-top-color: #ffffff;
	border-width: 28px;
	left: 50%;
	margin-left: -28px;
}


footer {

   width:100%;
   height:60px;   /* Height of the footer */
   	margin-top: 20px;
	padding-top: 10px;
		background: #fff5e6;  
		background: -moz-linear-gradient(top,  #fff5e6 0%, #f5bb7a, 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff5e6), color-stop(100%,#f5bb7a));  
		background: -webkit-linear-gradient(top,  #fff5e6 0%,#f5bb7a 100%);  
		background: -o-linear-gradient(top,  #fff5e6 0%,#f5bb7a 100%);  
		background: -ms-linear-gradient(top,  #fff5e6 0%,#f5bb7a 100%);  
		background: linear-gradient(top,  #fff5e6 0%,#f5bb7a, 100%);  
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5e6', endColorstr='#f5bb7a',GradientType=0 ); 
}

#rbar{

	float:right;
	background: #aaa;	
}

@media (max-width:549px){
 
 

   #rueda1{
	width: 64px;
	margin-top: 15px;
   }
   #rueda2{
	width: 64px;
	margin-top: 15px;
		
   }
   #films{
	width: 145px;
	 
	margin-top: 15px;
   }
   
 article{ 
 	text-indent: 5px;
	position:absolute;
	left:5px;
	top:250px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size: 16px; 
	text-align: justify;
		padding:5px;
		
		border:2px solid;
		border-color: #eed5b7;
		border-radius:10px;	
		background: #fdf5e6;  
		background: -moz-linear-gradient(top,  #fdf5e6 0%, #faebd7 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5e6), color-stop(100%,#faebd7));  
		background: -webkit-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -o-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -ms-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5e6', endColorstr='#faebd7',GradientType=0 ); 
		
	}
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
        
	
}
 
 	
	
	
 
 
@media (min-width:550px) and (max-width:799px) {

nav {
	padding-top: 10px;
		background: #fdf5e6;  
		background: -moz-linear-gradient(top,  #fdf5e6 0%, #faebd7 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5e6), color-stop(100%,#faebd7));  
		background: -webkit-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -o-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -ms-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5e6', endColorstr='#faebd7',GradientType=0 ); 

		
	height: 50px;
	font-family: sans-serif;
	font: 100% 'Trebuchet MS', Verdana, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 22px;
	color:white;
	 }
nav ul { 
		display:inline;
		height: 70px;
		color:white;
		}
		
nav ul li {
		color:white;
		text-decoration: none;
		display: inline;
		}
nav ul li a { 
		display:inline;
		margin-top: 5px;
		margin-left: 5px;
		color:black;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
		
nav ul li a:hover {  
  		color:white;
		background: rgb(200,200,200);
		font-size: 120%;
		}

	footer {
	   
	   bottom:0;
	   width:100%;
	   height:60px;   /* Height of the footer */
 	margin-top: 20px;
	padding-top: 10px;
		background: #fff5e6;  
		background: -moz-linear-gradient(top,  #fff5e6 0%, #f5bb7a, 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff5e6), color-stop(100%,#f5bb7a));  
		background: -webkit-linear-gradient(top,  #fff5e6 0%,#f5bb7a 100%);  
		background: -o-linear-gradient(top,  #fff5e6 0%,#f5bb7a 100%);  
		background: -ms-linear-gradient(top,  #fff5e6 0%,#f5bb7a 100%);  
		background: linear-gradient(top,  #fff5e6 0%,#f5bb7a, 100%);  
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5e6', endColorstr='#f5bb7a',GradientType=0 ); 
	}

	article{
	
	text-indent: 10px;
	position:absolute;
	left:10px;
	top:300px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size: 16px; 
	text-align: justify;
		padding:10px;
		
		border:2px solid;
		border-color: #eed5b7;
		border-radius:10px;	
		background: #fdf5e6;  
		background: -moz-linear-gradient(top,  #fdf5e6 0%, #faebd7 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5e6), color-stop(100%,#faebd7));  
		background: -webkit-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -o-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -ms-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5e6', endColorstr='#faebd7',GradientType=0 ); 
		
	}


	#sepArriba{
		height: 0px;
	}
	




}

/*si media más de 1000 px el footer ponerlo como flotante a la derecha!!*/
@media (min-width:800px) and (max-width:1399px){
#contenedor{

 	
	  max-width: 1000px ;
  margin-left: auto ;
  margin-right: auto ;
  
}

article{
	max-width: 800px;
	text-indent: 15px;
	position:absolute;
	left:200px;
	top:200px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size: 18px; 
	text-align: justify;
		padding:10px;
		
		border:2px solid;
		border-color: #eed5b7;
		border-radius:10px;	
		background: #fdf5e6;  
		background: -moz-linear-gradient(top,  #fdf5e6 0%, #faebd7 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5e6), color-stop(100%,#faebd7));  
		background: -webkit-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -o-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -ms-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5e6', endColorstr='#faebd7',GradientType=0 ); /* IE6-9 */
		
	}

	#sepArriba{
		height:150px;
	}

	nav{
		 

		float:left;
		padding-top: 5px;

			width: 150px;
			font-family: sans-serif;
			font: 100% 'Trebuchet MS', Verdana, sans-serif;
			-webkit-font-smoothing: antialiased;
			 
			 
		  
		
	}
	
#nvlist { margin-left: -10px; width: 220px;}
#nvlist ul { list-style:none; }
#nvlist ul li { font-family:'Trebuchet MS', Verdana, sans-serif;
		font-size:28px; }
#nvlist ul li a { display:block; width:120px;
		height:48px;
		 		background: #fdf5e6;  
		background: -moz-linear-gradient(top,  #fdf5e6 0%, #faebd7 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5e6), color-stop(100%,#faebd7));  
		background: -webkit-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -o-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -ms-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		
 
		 
		border-left:5px solid #eed5b7;
		border-right:5px solid #eed5b7;
		padding-left:10px;
  text-decoration:none; color:#0;
			-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;  
  }
#nvlist ul li a:hover {  -moz-transform:rotate(-5deg);
			-moz-box-shadow:10px 10px 20px #000000;
		  -webkit-transform:rotate(-5deg);
		  -ms-transform:rotate(-7deg);  
		  -webkit-box-shadow:10px 10px 20px #000000;
  transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; }
  
  
 
}


.forma input    {
width:375px;
display:block;
border: 1px solid #999;
height: 18px;
 
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.forma textarea    {
width:375px;
display:block;
border: 1px solid #999;
height: 150px;
 
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.et{
	
	text-indent: 0px;
	margin-top: 18px;
	
}


@media (min-width:1400px){
	

#contenedor{

 	
	  max-width: 1000px ;
  margin-left: auto ;
  margin-right: auto ;
  
}

article{
	 max-width: 800px; 
	text-indent: 15px;
	position:absolute;
	left:200px;
	top:200px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size: 18px; 
	text-align: justify;
		padding:10px;
		
		border:2px solid;
		border-color: #eed5b7;
		border-radius:10px;	
		background: #fdf5e6;  
		background: -moz-linear-gradient(top,  #fdf5e6 0%, #faebd7 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5e6), color-stop(100%,#faebd7));  
		background: -webkit-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -o-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -ms-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5e6', endColorstr='#faebd7',GradientType=0 ); /* IE6-9 */
		
	}

	#sepArriba{
		height:150px;
	}

	nav{
		 

		float:left;
		padding-top: 5px;

			width: 150px;
			font-family: sans-serif;
			font: 100% 'Trebuchet MS', Verdana, sans-serif;
			-webkit-font-smoothing: antialiased;
			 
			 
		  
		
	}	
	
	#nvlist { margin-left: -10px; width: 220px;}
#nvlist ul { list-style:none; }
#nvlist ul li { font-family:'Trebuchet MS', Verdana, sans-serif;
		font-size:28px; }
#nvlist ul li a { display:block; width:120px;
		height:48px;
		 		background: #fdf5e6;  
		background: -moz-linear-gradient(top,  #fdf5e6 0%, #faebd7 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5e6), color-stop(100%,#faebd7));  
		background: -webkit-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -o-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: -ms-linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		background: linear-gradient(top,  #fdf5e6 0%,#faebd7 100%);  
		
 
		 
		border-left:5px solid #eed5b7;
		border-right:5px solid #eed5b7;
		padding-left:10px;
  text-decoration:none; color:#0;
			-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;  
  }
#nvlist ul li a:hover {  -moz-transform:rotate(-5deg);
			-moz-box-shadow:10px 10px 20px #000000;
		  -webkit-transform:rotate(-5deg);
		  -ms-transform:rotate(-7deg);  
		  -webkit-box-shadow:10px 10px 20px #000000;
  transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; }
  
  	footer{
				background: #fdf5e6;  
		background: -moz-linear-gradient(top,  #fdf5e6 0%, #ffffff 100%);  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5e6), color-stop(100%,#ffffff));  
		background: -webkit-linear-gradient(top,  #fdf5e6 0%,#ffffff 100%);  
		background: -o-linear-gradient(top,  #fdf5e6 0%,#ffffff 100%);  
		background: -ms-linear-gradient(top,  #fdf5e6 0%,#ffffff 100%);  
		background: linear-gradient(top,  #fdf5e6 0%,#ffffff 100%);  
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		
		position:absolute;
		top:0px;
		
		left:850px;
		min-width: 200px;
		max-width: 400px;
		 
		height: 400px;
		 
	}
	
	section{
		max-width: 800px;		
		
	}
  
}