@import"../css/reset.css";


.contenedor-buscador{ width: 100%;
					  height: 100%;
					  background: rgba(0,0,0,.9);
					  position: fixed;
					  top: 0;
					  left: 0 ;
					  z-index: 100}

.search-results h3 {
	color:#342518;
	padding-top:40px;
	padding-left:14px
}



/***** search form *****/
 #search { width: 60%;
 	       position: absolute;
 	       top: 50%;
 	       left: 50%;
 	       transform: translateX(-50%)
 	       translateY(-50%);
 		   z-index: 10000}

 #search input{		
	width:85%;
	font-family:arialitalic;
	font-size:15px;
	color:#FF7B7B;
	padding:10px 10px 11px;
	margin:0;
	outline:none;
	resize:none;
	position:relative;
	background:none;
	-webkit-background-clip:padding-box;
	height:37px;
	border:none;border-radius:0;
	box-shadow:none;display:inline-block;
	-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;float:left;
border-bottom: 2px solid#fff

	}

#search input::placeholder{ color: #fff;font-size: 15px}


.btnn-buscar{ width: 15%;
			  float: left;padding: 0px 0px 0px 10px;
			   }


.btnn-buscar .icon-search{ color: #fff;
						line-height: 50px; }			  

 #search a{ width: 50px;
 			height: 50px;
 			cursor:pointer;
            background:#ff0000;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;float:right;
			text-decoration: none;
			text-align: center;
			float: left;

	}
	 #search a:hover{background:#383737;text-decoration:none}

.contenedor-buscador-cerrar{ width: 60px;
							 height: 60px;
							 background: #ff0000;
							 position: absolute;
							 top: 50px;
							 right:50px;
							 cursor: pointer;
							 transition: 0.5s;
							 text-align: center;}

.contenedor-buscador-cerrar .icon-cross{ font-size: 20px;
										 color: #fff;
										 line-height: 60px
									      }

.contenedor-buscador-cerrar:hover{ background: #fff }								 

.contenedor-buscador-cerrar:hover .icon-cross{ color: #ff0000 }






/* #Base 960 Grid
================================================== */

	.container_12{position: relative; width: 960px; margin: 0 auto; padding: 0;}
	
	.grid_12	{float: left; display: inline; margin-left: 10px; margin-right: 10px;}

	

	
	.container_12 .grid_12		{width: 940px;}
	/* Prefix Extra Space >> 12 Columns */