.grid {
	padding: 20px 0;
	max-width: 1000px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 300px;
	margin-right: 10px;	
	text-align: left;
	position: relative;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    1px 1px 1px 1px rgba(50, 50, 50, 0.4);
	box-shadow:         1px 1px 1px 1px rgba(50, 50, 50, 0.4);
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #1a1a1a;
	color: #ed4e6e;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
}


.grid figcaption a {
	text-align: center;
	padding: 5px 15px;
	display: inline-block;
	background: #fc4c3c;
	color: #fff;
	text-decoration: none;
}


/* nuestros productos */

.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: 	-moz-transform 0.4s;
	transition: 		transform 0.4s;
}

.cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: 	translateY(-50px);
	-moz-transform: 	translateY(-50px);
	-ms-transform: 		translateY(-50px);
	transform: 			translateY(-50px);
}

.cs-style-3 figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: 	translateY(100%);
	-moz-transform: 	translateY(100%);
	-ms-transform: 		translateY(100%);
	transform: 			translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: 	-moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: 		transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: 	translateY(0px);
	-moz-transform: 	translateY(0px);
	-ms-transform: 		translateY(0px);
	transform: 			translateY(0px);

	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: 	-moz-transform 0.4s, opacity 0.1s;
	transition: 		transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
	position: absolute;
	bottom: 20px;
	left: 20px;
}


/*********************************************************************/
.col-small-2 {	width: 650px; height: auto; margin: auto; position: relative;}

.col-small	{	width: 800px; height: auto; margin: auto; position: relative;}  
				/* para index parte de precios r */

.col-small a li, .col-small-2 a li {

	display: inline-block;
	width: 31.875%;
	height: 270px;
	background: #1a1a1a;
	margin: 3.75% 0 0 0.75%;
	text-decoration: no rg	
	position: relative;
	-webkit-box-shadow: 1px -1px 2px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    1px -1px 2px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         1px -1px 2px 0px rgba(50, 50, 50, 0.4);
}


.col-small figure {
	margin: 0;
	position: relative;
}

.col-small figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.col-small figcaption {
	position: relative;
	text-align: center;
	padding-top: 20px;
	}


.col-small figcaption h3 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	
	
	}


.col-small figcaption a {
	display: inline-block;
	background: #fc4c3c;
	color: #fff;
	text-decoration: none;
	text-align: center;

	}

.price { font-weight: bold; font-size: 22px;}

.form input[type=checkbox] {}
.form label { margin-left: 20px; color: #666; font-size: 0.8em; }
.form input[type=checkbox], .form input[type=radio]
  			{ 	-webkit-appearance: none; 
  				-ms-appearance:		none;  				
  				border: 1px solid #fc4c3c; 
  				width: 25px; 
  				height: 25px; 
  				margin-right: 20px;
  				outline-style: none;
  				cursor: pointer;}

input[type=radio]::-ms-clear { display: none; }

.form input:checked:before {content: url(../img/checked.png);}


.form input[type=number] 
			{ 	-webkit-appearance: none; 
				-ms-appearance: 	none; 
  				border: 1px solid #fc4c3c; 
  				width: 40px; 
  				height: 25px; 
  				margin-top: 5px;
  				outline-style: none;
  				padding: 0 0 0 10px;
  				background: none;
  				color: #fc4c3c; }

.form input[type=text] {width: 480px; height: 40px;  margin: 5px 0; display: inline-block; 
					border: 1px solid #fc4c3c; padding: 20px 10px;}

input:checked {background: #fc4c3c;}

.form input[type=tel], .form input[type=email] {
					width: 480px;
					height: 40px;  
					margin: 5px 0; 
					display: inline-block; 
					border: 1px solid #fc4c3c; 
					padding: 10px 10px;}

.form input[type=submit] 
			{ 	-webkit-appearance: none;
				-ms-appearance: 	none; }



.datos input[type=number], .datos input[type=text], .datos input[type=tel], .datos input[type=email] {float: right; margin: 5px 10px 5px 0; }

.datos label {	width: 200px; 
				height: 40px; 
				float: left; 
				padding: 10px 10px;
				margin: 5px 0 5px 60px;}


/* BOTONES DE FORMULARIO */

.NextPrev { 
	width: 230px; 
	height: 30px; 
	position: relative; 
	vertical-align: bottom;
	margin: 5px auto;

	
	}

.previus, .next {
	width: 110px;
	height: 30px;
	color: #fff;
	cursor: pointer;
	-ms-transition: 	all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: 	all 0.5s ease;
	-o-transition: 		all 0.5s ease;
	transition: 		all 0.5s ease;
}

.previus {
	text-align: right; padding-right: 10px;
	background: #9aacc1 no-repeat url(../img/anterior.png);
	float: left;
	}

.next {
	text-align: left; padding-left: 10px;
	background: #9aacc1 no-repeat url(../img/posterior.png) top right;
	float: right;
	}

.previus:hover {
	width: 110px;
	height: 30px;
	background: #ff7d68 no-repeat url(../img/anterior_hover.png);
}
.next:hover {
	width: 110px;
	height: 30px;
	background: #ff7d68 no-repeat url(../img/posterior_hover.png) top right;
}

 /******************* tabs trabajo anterior hecho por pablo ****************/

        .MyTabStyle .ajax__tab_header /*ancho del header, es el contenedor no poner mucho estilo */
        {           
            font-size: 14px;
            text-transform: uppercase;
            text-align: center;
            display: block;
            width: 900px;
            height: auto;
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
        {
            border-color: #fb4b3b;
            color: #fb4b3b;           
            margin: 0 2px;
            border:solid 1px #fb4b3b;
            padding: 10px;  
            cursor: pointer;      
        }
        
          .MyTabStyle .ajax__tab_tab {                       
            color: #fff;
            text-shadow: none;
        }
        
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
        {
            border-color: #fb4b3b;            
            border:solid 1px #fb4b3b;
            background: #fb4b3b;          
        }
        
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer
        {
            background-color:#ff8c70;
        }
        
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner
        {
            color: #fff;           
        }
        
        .MyTabStyle .ajax__tab_active .ajax__tab_outer
        {           
            background-color: #fff ;
            z-index: 99;
            padding-bottom: 5px;
        }
        
        .MyTabStyle .ajax__tab_active .ajax__tab_outer .ajax__tab_tab
        {
            color: #fb4b3b;         
        }
        
        .MyTabStyle .ajax__tab_active .ajax__tab_inner
        {
            color: #000;
            border-color: #fb4b3b;
        }
        .MyTabStyle .ajax__tab_body /* es el contenedor de toda la info del tab */
        {
            font-size: 0.9em;
            background-color: #fff;
            border-top-width: 0;
            border: solid 1px #fb4b3b;
            padding: 3% 3% 1% 3%;            
            width: 100%;
        	}

.ajax__tab_body input {  
		-webkit-appearance: none;
     	-ms-appearance: none;
     	-o-appearance: none;
     	-moz-appearance: none;
     	appearance: none;}

.ajax__tab_body input[type=checkbox], .ajax__tab_body input[type=radio]
     {  border: 1px solid #fc4c3c; 
      	width: 25px; 
      	height: 25px; 
     	margin: 0  20px 15px 0;
     	outline-style: none;
     	cursor: pointer;
    	outline-style: none;}

.ajax__tab_body input[type=radio] {border-radius: 50%; }

.ajax__tab_body  input:checked:before {content: url(../img/checked.png);}

.ajax__tab_body input[type=text]

	{	width: 480px; 
		height: 40px;  
		margin: 5px 0; 
		display: inline-block; 
	    border: 1px solid #fc4c3c; 
	    padding-left: 15px;
	    float: right;
	    line-height: 40px;
	   }

.ajax__tab_body textarea {
		width: 480px; 
		height: 150px;  
		margin: 5px 0; 
		display: inline-block; 
	    border: 1px solid #fc4c3c; 
	    padding: 20px 10px;
	    float: right;
		}
}

.ajax__tab_body input:checked {background: #fc4c3c;}

.ajax__tab_body label { 
		width: 200px; 
		padding-left: 20px; 
		font-size: 0.8em;
        height: 40px; 
        float: left; 
        margin-top: 10px;
        }