@import url(http://fonts.googleapis.com/css?family=Cookie|Cabin:400,700);
body{
	background-color: #DBC498;
	background-image: url(../img/bgline.png);
	font-family: 'Cabin', sans-serif;
	font-size: 16px;
}
a:hover, a:active{
	text-decoration: none;
}
article{
	margin-top: 15px;
}
article p{
	/*letter-spacing: 1px;*/
	/*word-spacing: 1px;*/
	/*text-indent: 40px;*/
}
article p:nth-child(4) {
	/*text-indent: 40px;*/
}
footer{
	background-color: #fff;
}
footer h2{
	text-align: center;
	font-family: 'Cookie', cursive;
	font-size: 1.7em;
	font-style: italic;
	margin-top: 0px;
}
p{
	text-align: justify;
}
p:first-letter{
	font-weight: bold;
}
.pie li{
	font-family: 'Cookie', cursive;
	font-size: 1.5em !important;
	font-style: italic;
	display: inline-block;
	margin: 0 15px;
}
.pie h2{
	margin: 6px 0 10px 0; 
	font-size: 18px;
}
h1{
	color: #D4051D;
	display: inline-block;
	font-family: 'Cookie', cursive;	
	font-size: 3em;
	margin: 0 0 0 20px;
	text-shadow: -2px -2px 0px #fff;
}
h3{
	/*color: #8C8C8C;*/
	color: #fff;
	font-family: 'Cookie', cursive;
	font-size: 1.9em;

}
h4{
	border-bottom: 2px solid #89C6CE;
	color: #8C8C8C;
	font-family: 'Cookie', cursive;
	font-size: 2.2em;
	margin-bottom: 30px;
	padding-bottom: 10px;
	text-align: left;
	width: 100%;
}
header{
	position: absolute;
	top:0px;
}
header .logo{
	/*background-color: rgba(156,197,204,0.2);*/
	/*background-color: rgba(255,255,255,0.1);*/
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#cabecera{
	position: relative;
}
#myCarousel{
	border-bottom: 4px solid rgb(156,197,204);
}
#myCarousel .img-responsive{
	width: 100%;
}
#myCarousel ol li{
	font-size: 2em;
	width: 30px;;
}
#myCarousel .titulo{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 50%;
	height: 30%;
	margin: auto;
	text-align: center;
	animation-duration: 1s;
  	animation-name: aparecer;
  	animation-delay: 1s;
  	animation-timing-function: ease-out;
  	animation-fill-mode: forwards;
  	opacity: 0;
}
@keyframes aparecer {
  from {
    height: 80%;
    opacity: 0;
  }

  to {
	height: 30%;
	opacity: 1;
  }
}
#myCarousel .titulo h2{
	color: rgba(156,197,204,0.8);
	font-size: 6em;
}
#myCarousel .titulo h3{
	color: rgba(255,255,255,0.8);
	font-size: 5em;
}
.activo{
	background-color: rgba(219,196,152,0.4);
	border-radius: 40px;
	box-shadow: 1px 1px 2px rgba(51,51,51,0.2);
}
.amarillo{
	color: #d2a447;
}
.anuncio{
	position: absolute;
	bottom: 0;
	vertical-align: bottom;
	border: 9px double #779F87;
	border-radius: 0px 30% 0px 30%;
	-webkit-border-radius: 0px 30% 0px 30%;
	overflow: hidden;
}
.anuncio2{
	float: right;
}
.azul{
	color: #779f87; 
}
.azul_claro{
	color: #89C6CE;
}
.banda{
	width: 15%;
	/*background-color: #666;*/
	height: 1em;
	display: inline-block;
	margin: 0px 2%;
	position: relative;
}
.banda_amarillo{
	background-color: #d2a447;
}
.banda_azul{
	background-color: #779f87;
}
.banda_naranja{
	background-color: #ce7c3a;
}
.banda_marron{
	background-color: #af5c3a;
}
.banda_verde{
	background-color: #809046;
}
.barra{
	background-color: #779F87;
	display: block;
	height: 2px;
	margin-top: -10px;
	margin-bottom: 20px;
	margin-left: -15px;
	min-width: 80px;
	width: 40%;
}
.barra_pie{
	background-color: #779F87;
	display: block;
	height: 2px;
	margin-top: 2px;
	margin-bottom: 20px;
	min-width: 80px;
	position: relative;
	width: 100%;
}

.btn-info{
	background-color: #89C6CE;
	border-color: #CCC;
}
.btn-info:hover, btn-info:focus{
	background-color: #89C6CE;
	border-color: #FFF;
}
.boton{
	margin-top: 5px !important;
	margin-left: 15px !important;
}
.contenedor_banda{
	width: 100%;
	text-align: center;
	margin-top: -2px;
	margin-bottom: 25px;
}
.contenedor_contenido{
	padding: 0 5px;
}
.contenedor_contenido img{
	
}
.cubo{
	background-color: #d4051d;
	width: 30px;
	height: 3px;
	position: relative;
	left: 50px;
	top: -34px;
}
.cuerpo{
	-moz-border-image:url(../img/zigzag.png) 30 30 round; /* Firefox */
	-webkit-border-image:url(../img/zigzag.png) 30 30 round; /* Safari */
	-o-border-image:url(../img/zigzag.png) 30 30 round; /* Opera */
	border-image:url(../img/zigzag.png) 30 30 round;
	border-bottom:0;
	border-left:0;
	border-right:0;
	border-top: 8px solid transparent;
	margin-top: 40px;
}
.cuerpo2{
	background-color: #E5E4D5;
	text-align: center;
	/*padding-top: 5px;*/
	padding-bottom: 20px;
}
.cuerpo4{
	background-color: #F2F1E3;
	border-bottom-left-radius: 40px; 
	border-bottom-right-radius: 40px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-bottom: 25px;
	position: relative;
}
.cuerpo3{
	background-color: #F2F1E3;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-top: 10px;
	padding-top: 20px;
	position: relative;
}
.cuerpo3 h3, .cuerpo4 h3{
	background-color: #383838;
	font-size: 1.5em;
	margin: 8px 40px 25px 40px;
	padding: 5px 0;
	position: relative;
}
.cuerpo3 p{
	position: relative;
}
.cuerpo2 img{
	margin: 0 auto;
}
.cuerpo2 p{
	color: #888;
	font-size: 0.9em;
	margin: 0 10px 10px 10px
}
.contenedor_barra_pie{
	text-align: right;
	clear: both;
}
.contenido{
	background-color: rgba(255,255,255,1);
	border-radius: 20px;
	/*font-size: 1px;*/
	padding: 15px 15px;
	margin: 20px 0px 15px 0px;
}
.contenido img{
	margin-right: 10px;
}
/*.contenido li{
	font-size: 0.9em;
	list-style: none;
	color: #777;
}
.contenido li:before{
	color: #777;
	content:"\2022"; 
  	font-size:1.5em; 
  	padding-right:.25em; 
  	position:relative;
    top:.1em; 
}
.contenido ul{
	margin: 20px 0px 0px 60px;
	}*/
	.detalle{
		margin-top: 20px;
		width: 100%;
		height: 3px;
		background: #809046; /* Old browsers */
		background: -moz-linear-gradient(left,  #809046 0%, #779f87 25%, #d2a447 50%, #ce7c3a 75%, #af5c3a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#809046), color-stop(25%,#779f87), color-stop(50%,#d2a447), color-stop(75%,#ce7c3a), color-stop(100%,#af5c3a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #809046 0%,#779f87 25%,#d2a447 50%,#ce7c3a 75%,#af5c3a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #809046 0%,#779f87 25%,#d2a447 50%,#ce7c3a 75%,#af5c3a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #809046 0%,#779f87 25%,#d2a447 50%,#ce7c3a 75%,#af5c3a 100%); /* IE10+ */
		background: linear-gradient(to right,  #809046 0%,#779f87 25%,#d2a447 50%,#ce7c3a 75%,#af5c3a 100%); /* W3C */
	}
	.detalle p{
		padding-top: 20px;
	}
	.derecha{
		float: right;
		margin: 5px;
		/*position: relative;*/
	}
	.express{
		color: #89C6CE;
		font-size: 0.7em;
	}
	.izquierda{
		float: left;
		margin: 5px;
	}
	.publicidad{
		position: relative;
		margin: 60px 0 100px 0;
	}
	.carrousel{
		padding: 0px;
	}
	.carrousel div{
		padding: 0px;
	}
	.carousel-indicators li{
		background-color: #4f4f4f;
		border-color: #4f4f4f;

	}
	.carousel-indicators li .active{
		background-color: #4f4f4f;
		/*border-color: #000;*/
	}
	.contacto{
		text-align: right;
		position: absolute;
		top:0;
		width: 100%;
		z-index: 100;
	}
	.form_ocasion{
		text-align: center;
	}
	.form_ocasion input[type=text]{
		padding-left: 8px;
		margin-right: 15px;
	}
	.form_solicita{
		margin: 10px 0px 10px 0px;
	}
	.formulario{
		height: 212px;
		margin: 5px 5px 5px 10px;
		padding: 5px 0px 0px 5px;
	}
	.formulario input, .formulario textarea{
		display: inline-block !important;
		margin: 5px 0px;
	}
	.girar{

		-moz-transition: rotate , 0.5s , ease-in, color, 0.5s, ease-in ;
		-webkit-transition: rotate , 0.5s , ease-in, color, 0.5s, ease-in ;
		-o-transition: rotate , 0.5s , ease-in, color, 0.5s, ease-in ;
		transition: rotate , 0.5s , ease-in, color, 0.5s, ease-in ;

		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		color: #fff;
	}
	.logo{
		background-image: url(../img/bandas.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	.logo img{
		margin: 0 auto;
	}
	.marcas{
		margin: 80px 0;
		background-color: #d9d9d9;
		padding: 40px 0;
	}
	.marcas img{
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}
	.marcas img:hover{
		-webkit-filter: grayscale(1000%); /* Safari 6.0 - 9.0 */
		filter: grayscale(1000%);
	}
	.manometro{
		padding-top: 45px;
	}
	.manometro img{
		margin: 0 25px;
	}
	.margen-top{
		margin-top: 20px;
	}
	.marron{
		color: #af5c3a;
	}
	.menu{
		margin-top: 15px;
	}
	.menu ul{
		text-align: center;
		padding-left: 0px;
	}
	.menu li{
		display: inline-block;
		margin: 16px;
	}
	.menu li a:link{
		border-bottom: 2px dashed rgba(255,255,255,0);
		display: block;
		font-family: 'Cookie', cursive;
		font-style: normal;
		font-size: 1.6em;
		font-weight: 300;
		padding: 10px 25px 10px 25px;
	}
	.menu li a:hover{
		text-decoration: none;
		border-bottom: 2px dashed;
	}
	.menu_pie a:link{
		text-decoration: none;
	}
	.menu_pie a:hover{
		color: #d4051d;
	}
	.multiple{
		color: #999;
		text-align: right;
		font-size: 0.7em;
		width: 100%;
	}
	.nmrg{
		margin: 0px;
	}
	.naranja{
		color: #ce7c3a;
	}
	.nombre{
		/*width: 40% !important;*/
	}
	.panel {
		border: none;
		background-color: #E5E4D5;
	}
	.panel-heading{
		padding: 0;
	}
	.panel-body{
		padding: 0;
	}
	.pedido{
		margin-top: 60px;
	}
	.pie{
		padding-top: 9px;
		text-align: center;
		background-image: url(../img/pie.jpg);
		background-repeat: no-repeat;
	}
	.pie ul{
		padding: 0px;
	}
	.pie ul li{
		margin: 0px 5px;
	}
	.pie_contacto h4{
		/*width: 60%;*/
	}
	.pie_contacto span{
		margin-right: 8px;
	}
	.productos h2{
		color: #89C6CE;
		margin-bottom: 20px;
	}
	.productos ul li{
		font-size: 1.2em;
		font-weight: bold;
		/*margin-bottom: 20px;*/
	}
	.productos ul ul li{
		color: #ccc;
		font-size: 1.1em;
		letter-spacing: 1px;
	}
	.productos #cabecera{
		margin: 80px 0;
	}
	.rojo{
		color: #d4051d;
	}
	.skype{
		font-size: 0.8em;
	}
	.sangria{
		/*text-indent: 2.5em;*/
	}
	.safari{
		border-radius: 0px 30% 0px 30%;
		-webkit-border-radius: 0px 30% 0px 30%;
		overflow: hidden;
		width: 100%;
	}
	.subtitulo{
		color: #779F87;
		/*display: inline-block;*/
		font-family: 'Cookie', cursive;	
		font-size: 2.5em;
		/*margin: 0 0 0 20px;*/
		/*text-shadow: -2px -2px 0px #89c6ce;*/
		text-align: center;
	}
	.tecnico{
		margin: 20px 0px 20px 0px;
	}
	.tecnico p{
		/*color: #89C6CE;*/
		font-size: 0.8em;
		/*text-align: right;*/
	}
	.tecnico h3{
		background-color: #CECEBF;
		color: #8C8C8C;
		padding: 15px;
		margin: 0;
	}
	.tecnico h3:hover{
		background-color: #BABAAB;
	}
	.tecnico h3:hover #izflechaOne{
		color: #809046;
	}
	.tecnico h3:hover #izflechaTwo{
		color: #D2A447;
	}
	.tecnico h3:hover #flechaOne{
		color: #779F87;
	}
	.tecnico h3:hover #flechaTwo{
		color: #CE7C3A;
	}
	.tecnico h3 .express{
		color: #FFF;
	}
	.tecnico input, .tecnico select{
		width: 100%;
		margin-bottom: 8px;
	}
	.tecnico .btn{
		margin-top: 12px;
	}
	.tecnico label{
		color: #999;
	}
	.titulo_barra{
		background-color: #779F87;
		display: inline-block;
		height: 1.5em;
		margin-left: -15px;
		margin-top: 4px;
		position: relative;
		min-width: 10px;
		width: 10%;
	}
	.titulo_barra:after{
		border-bottom: 1.5em solid transparent;
		border-left: 1em solid #779F87;
		content: "";
		height: 0;
		position: absolute;
		right: -1em;
		top: 0;
		width: 0;
	}
	.titulo_barra_pie{
		background-color: #779F87;
		display: inline-block;
		height: 1.5em;
		margin-top: 4px;
		position: relative;
		min-width: 10px;
		width: 60%
	}
	.titulo_barra_pie:before{
		border-top: 1.5em solid transparent;
		border-right: 1em solid #779F87;
		content: "";
		height: 0;
		position: absolute;
		left: -1em;
		top: 0;
		width: 0;
	}
	.titulo_barra_pie h3{
		margin: 0px 10px;
		color: #fff;
		font-size: 1.5em;
		line-height: 24px;
	}
	.tornillo_top_r{
		position: absolute;
		top: 15px;
		right: 20px;
		-moz-transform: rotate(35deg);
		-webkit-transform: rotate(35deg);
		-o-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
		transform: rotate(35deg);
	}
	.tornillo_top_l{
		position: absolute;
		top: 15px;
		left: 20px;
		-moz-transform: rotate(130deg);
		-webkit-transform: rotate(130deg);
		-o-transform: rotate(130deg);
		-ms-transform: rotate(130deg);
		transform: rotate(130deg);
	}
	.tornillo_bottom_r{
		position: absolute;
		bottom: 15px;
		right: 20px;
		-moz-transform: rotate(285deg);
		-webkit-transform: rotate(285deg);
		-o-transform: rotate(285deg);
		-ms-transform: rotate(285deg);
		transform: rotate(285deg);
	}
	.tornillo_bottom_l{
		position: absolute;
		bottom: 15px;
		left: 20px;
	}
	.verde{
		color: #809046;
	}
	/*Inicio Colores liquidos del pie de pagina*/
	.aceite{
		color: #a89d26;
	}
	.agua{
		color: #00a5d5;
	}
	.conservas{
		color: #949494;
	}
	.lacteos{
		color: #8d614e;
	}
	.quimicos{
		color: #f62f2f;
	}
	.refrescos{
		color: #ff8b00;
	}
	.vino{
		color: #d5006e;
	}
	.detergente{
		color: #5948ff;
	}
	.cosmetica{
		color: #c5bb5d;
	}
	.carburante{
		color: #877254;
	}

	/*Fin Colores liquidos del pie de pagina*/

	/*inicio Estilos enlaces de menu*/
	.inicio{
		color: #809046 !important;
	}
	.servicios{
		color: #779F87 !important;
	}
	.sectores{
		color: #D2A447 !important;
	}
	.ocasion h3{
		background-color: #CECEBF;
		color: #666;
		margin: 0;
		text-align: center;
		padding: 15px 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-family: 'Cabin', sans-serif;
		font-size: 1.1em;
	}
	.ocasion_ancho{
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}
	.ocasion_cuerpo{
		background-color: #E5E4D5;
		color: #999;
		min-height: 437px;
		margin-bottom: 10px;
		padding: 15px 5px;
		position: relative;
	}
/*.ocasion_cuerpo img{
	margin-bottom: 35px;
	width: 100%;
	display: block;
}
*/.ocasion_cuerpo h4{
	width: 100%;
	font-size: 1.6em;
	text-align: center;
	margin: 40px 0 15px 0;
	padding-bottom: 5px;
	/*position: absolute;*/
	bottom: 40px;
	left: 0px;
}
.ocasion_cuerpo form{
	display: block;
	/*position: absolute;*/
	bottom: 10px;
	left: 0px;
	width: 100%;
}
.ocasion_imagen a img{
	/*min-height: 239px;*/
	display: inline-block;
	margin-bottom: 15px;
	width: 30%;
	margin-right: 1%;
}
.ocasion_imagen a:first-child img{
	width: 100%;
	margin-bottom: 15px;
}
.ocasion .referencia{
	display: inline-block;
	float: left;
	color: #779F87;
}
.ocasion .precio{
	display: inline-block;
	float: right;
	color: #d4051d;
	font-size: 1.5em;
	text-align: right;
}
.ocasion_articulo{
	/*background-color: #E5E4D5;*/
	padding: 5px;
}
.proyectos{
	color: #CE7C3A !important;
}
.experiencia{
	color: #AF5C3A !important;
}
.maquinaria{
	color: #D2041E !important;
}

/*fin Estilos enlaces de menu*/
/************************ Inicio Estilos para acordeon *******/
.ac-container{
	width: 100%;
	display: inline-block;
}
.ac-container label{
	cursor: pointer;
}
.ac-container label:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
.ac-container input{
	display: none;
}
.ac-container aside{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(229,228,213,1)), color-stop(0.95, rgba(229,228,213,1)), to(rgba(229,228,213,0)));
	background: -webkit-linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 130px, rgba(229,228,213,0) 131px);
	background: -moz-linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 130px, rgba(229,228,213,0) 131px);
	background: -o-linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 130px, rgba(229,228,213,0) 131px);
	background: linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 130px, rgba(229,228,213,0) 131px); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
	border-left: 2px dashed #DBC498;
	border-right: 2px dashed #DBC498;
	float: left;
	height: 0px;
	overflow: hidden;
	text-align: left;
	width: 85%;
	z-index: 10;
	-webkit-transition: background 0.3s ease-in-out, height 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out, height 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out, height 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out, height 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, height 0.3s ease-in-out;
}
.ac-container input:checked ~ aside.ac-small{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(229,228,213,1)), color-stop(0.95, rgba(229,228,213,1)), to(rgba(229,228,213,0)));
	background: -webkit-linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 232px, rgba(229,228,213,0) 233px);
	background: -moz-linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 232px, rgba(229,228,213,0) 233px);
	background: -o-linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 232px, rgba(229,228,213,0) 233px);
	background: linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 232px, rgba(229,228,213,0) 233px); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e4d5', endColorstr='#00e5e4d5',GradientType=0 ); /* IE6-9 */
	/*background-color: #f4eeb4;*/
	height: 240px;
	text-align: left;
	width: 85%;
	margin-bottom: 15px;
}
.ac-container input:checked ~ aside.ac-small img{
	top: -1px;
	position: relative;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	rotation: 180deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	overflow: visible;
}

/************************ Fin Estilos para acordeon *******/

/* inicio ribbon style */

.ribbon-wrapper {
	position: absolute;
	/*position: relative;*/
	top: 100px;
	/*border-bottom: 0px solid #ccc;*/
	/*border-top: 10px solid #ccc;*/
	/*-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);*/
	/*-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);*/
	/*-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);*/
	/*-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);*/
}
.ribbon-front {
	/*background-color: #779F87;*/
	background-color: rgba(119,159,135,0.9);
	height: 40px;
	/*width: 60%;*/
	position: relative;
	left:-10px;
	z-index: 2;
	text-align: center;
	box-shadow: 15px 15px 15px rgba(0,0,0,0.3);
}
.ribbon-front h2{
	margin: 0px;
	line-height: 40px;
	color: #FFF;
	letter-spacing: 2px;
	/*word-spacing: 10px;*/
	/*font-weight: bold;*/
	/*position: absolute;*/
	/*z-index: 100;*/
	font-family: 'Cookie', cursive;

	/*text-shadow: 1px 1px 2px rgba(255,255,255,1);*/
	font-size: 1.7em;
	/*margin-left: 20px;*/
	padding: 0 40px;
}

.ribbon-front,
.ribbon-back-left,
.ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

.ribbon-edge-topleft,
.ribbon-edge-topright {
}

.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
	top: 40px;
}

.ribbon-edge-topleft,
.ribbon-edge-bottomleft {
	left: -10px;
	border-color: transparent #425B4D transparent transparent;
}

.ribbon-edge-topleft {
	top: -10px;
	border-width: 10px 10px 0 0;
}
.ribbon-edge-bottomleft {
	border-width: 0 10px 0px 0;
}

.ribbon-edge-topright,
.ribbon-edge-bottomright {
	left: 100px;
	border-color: transparent transparent transparent #425B4D;
}

.ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
.ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}

.ribbon-back-left {
	position: absolute;
	top: -10px;
	left: -30px;
	width: 30px;
	height: 40px;
	background-color: #597D68;	z-index: 0;
}

.ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 40px;
	z-index: 0;
}
/* fin ribbon style */
/*Input redondeado con animacion azul inicio*/
input.animacion_azul{
	border: 1px solid #ccc;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/*float: left;*/
	height: 25px;
	padding: 0 10px 0 10px;
	/*margin: 20px 0px;*/
	width: 95%;

	-moz-transition: width 1s, box-shadow 1s;
	-webkit-transition: width 1s, box-shadow 1s;
	-o-transition: width 1s, box-shadow 1s;
	transition: width 1s, box-shadow 1s;

	-webkit-box-shadow: 0px 0px 5px 1px rgba(255, 132, 0, 0);
	box-shadow: 0px 0px 5px 2px rgba(255, 132, 0, 0); 
}
input.animacion_azul:focus{
	width: 100%;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(255, 132, 0, 0.8);
	box-shadow: 0px 0px 5px 2px rgba(255, 132, 0, 0.8);
	outline-width: 0;
}
input.boton{
	/*float: left;*/
}
textarea.animacion_azul{
	border: 1px solid #ccc;
	-webkit-border-radius: 20px;
	border-radius: 20px 20px 0px 20px;
	/*float: left;*/
	/*height: 20px;*/
	padding: 0 10px 0 10px;
	/*margin: 20px 0px;*/
	width: 95%;

	-moz-transition: width 1s, box-shadow 1s;
	-webkit-transition: width 1s, box-shadow 1s;
	-o-transition: width 1s, box-shadow 1s;
	transition: width 1s, box-shadow 1s;

	-webkit-box-shadow: 0px 0px 5px 1px rgba(157, 192, 46, 0);
	box-shadow: 0px 0px 5px 2px rgba(157, 192, 46, 0); 
}
textarea.animacion_azul:focus{
	width: 100%;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(157, 192, 46, 0.8);
	box-shadow: 0px 0px 5px 2px rgba(157, 192, 46, 0.8);
	outline-width: 0;
}
/*Input redondeado con animacion azul fin*/

@media(min-width:768px){

	article{
		margin-top: 50px;
	}

	h1{
		font-size: 5em;	
		margin: 0px 0 -5px 25px;
		text-align: left;
	}
	h4{
		width: 60%;
	}
	.ac-container input:checked ~ aside.ac-small{
		background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(229,228,213,1)), color-stop(0.95, rgba(229,228,213,1)), to(rgba(229,228,213,0)));
		background: -webkit-linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 130px, rgba(229,228,213,0) 131px);
		background: -moz-linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 130px, rgba(229,228,213,0) 131px);
		background: -o-linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 130px, rgba(229,228,213,0) 131px);
		background: linear-gradient(rgba(229,228,213,1) 0%, rgba(229,228,213,1) 130px, rgba(229,228,213,0) 131px); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e4d5', endColorstr='#00e5e4d5',GradientType=0 ); /* IE6-9 */
		height: 138px;
	}
	.boton{
		margin-top: -50px !important;
	}
	.circulo{
		position: absolute;
		left: 136px;
		top: 4px;
		width: 100px;
		height: 83px;
		background-color: rgba(250,250,250,0);
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
	}
	.circulo:hover {
		-webkit-animation: neon1 1.5s ease-in-out infinite alternate;
		-moz-animation: neon1 1.5s ease-in-out infinite alternate;
		animation: neon1 1.5s ease-in-out infinite alternate;
	}
	@-webkit-keyframes neon1 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #E82D2A,
			0 0 70px  #E82D2A,
			0 0 80px  #E82D2A,
			0 0 100px #E82D2A,
			0 0 150px #E82D2A;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #E82D2A,
			0 0 35px #E82D2A,
			0 0 40px #E82D2A,
			0 0 50px #E82D2A,
			0 0 75px #E82D2A;
		}
	}
	@-moz-keyframes neon1 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #E82D2A,
			0 0 70px  #E82D2A,
			0 0 80px  #E82D2A,
			0 0 100px #E82D2A,
			0 0 150px #E82D2A;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #E82D2A,
			0 0 35px #E82D2A,
			0 0 40px #E82D2A,
			0 0 50px #E82D2A,
			0 0 75px #E82D2A;
		}
	}
	@keyframes neon1 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #E82D2A,
			0 0 70px  #E82D2A,
			0 0 80px  #E82D2A,
			0 0 100px #E82D2A,
			0 0 150px #E82D2A;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #E82D2A,
			0 0 35px #E82D2A,
			0 0 40px #E82D2A,
			0 0 50px #E82D2A,
			0 0 75px #E82D2A;
		}
	}
	.circulo_naranja{
		position: absolute;
		left: 136px;
		top: 4px;
		width: 100px;
		height: 83px;
		background-color: rgba(250,250,250,0);
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
	}
	.circulo_naranja:hover {
		-webkit-animation: neon2 1.5s ease-in-out infinite alternate;
		-moz-animation: neon2 1.5s ease-in-out infinite alternate;
		animation: neon2 1.5s ease-in-out infinite alternate;
	}
	@-webkit-keyframes neon2 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #F78826,
			0 0 70px  #F78826,
			0 0 80px  #F78826,
			0 0 100px #F78826,
			0 0 150px #F78826;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #F78826,
			0 0 35px #F78826,
			0 0 40px #F78826,
			0 0 50px #F78826,
			0 0 75px #F78826;
		}
	}
	@-moz-keyframes neon2 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #F78826,
			0 0 70px  #F78826,
			0 0 80px  #F78826,
			0 0 100px #F78826,
			0 0 150px #F78826;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #F78826,
			0 0 35px #F78826,
			0 0 40px #F78826,
			0 0 50px #F78826,
			0 0 75px #F78826;
		}
	}
	@keyframes neon2 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #F78826,
			0 0 70px  #F78826,
			0 0 80px  #F78826,
			0 0 100px #F78826,
			0 0 150px #F78826;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #F78826,
			0 0 35px #F78826,
			0 0 40px #F78826,
			0 0 50px #F78826,
			0 0 75px #F78826;
		}
	}
	.circulo_gris{
		position: absolute;
		left: 136px;
		top: 4px;
		width: 100px;
		height: 83px;
		background-color: rgba(250,250,250,0);
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
	}
	.circulo_gris:hover {
		-webkit-animation: neon3 1.5s ease-in-out infinite alternate;
		-moz-animation: neon3 1.5s ease-in-out infinite alternate;
		animation: neon3 1.5s ease-in-out infinite alternate;
	}
	@-webkit-keyframes neon3 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #B4ADA6,
			0 0 70px  #B4ADA6,
			0 0 80px  #B4ADA6,
			0 0 100px #B4ADA6,
			0 0 150px #B4ADA6;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #B4ADA6,
			0 0 35px #B4ADA6,
			0 0 40px #B4ADA6,
			0 0 50px #B4ADA6,
			0 0 75px #B4ADA6;
		}
	}
	@-moz-keyframes neon3 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #B4ADA6,
			0 0 70px  #B4ADA6,
			0 0 80px  #B4ADA6,
			0 0 100px #B4ADA6,
			0 0 150px #B4ADA6;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #B4ADA6,
			0 0 35px #B4ADA6,
			0 0 40px #B4ADA6,
			0 0 50px #B4ADA6,
			0 0 75px #B4ADA6;
		}
	}
	@keyframes neon3 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #B4ADA6,
			0 0 70px  #B4ADA6,
			0 0 80px  #B4ADA6,
			0 0 100px #B4ADA6,
			0 0 150px #B4ADA6;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #B4ADA6,
			0 0 35px #B4ADA6,
			0 0 40px #B4ADA6,
			0 0 50px #B4ADA6,
			0 0 75px #B4ADA6;
		}
	}
	.circulo_verde{
		position: absolute;
		left: 136px;
		top: 4px;
		width: 100px;
		height: 83px;
		background-color: rgba(250,250,250,0);
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
	}
	.circulo_verde:hover {
		-webkit-animation: neon4 1.5s ease-in-out infinite alternate;
		-moz-animation: neon4 1.5s ease-in-out infinite alternate;
		animation: neon4 1.5s ease-in-out infinite alternate;
	}
	@-webkit-keyframes neon4 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #BEBE32,
			0 0 70px  #BEBE32,
			0 0 80px  #BEBE32,
			0 0 100px #BEBE32,
			0 0 150px #BEBE32;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #BEBE32,
			0 0 35px #BEBE32,
			0 0 40px #BEBE32,
			0 0 50px #BEBE32,
			0 0 75px #BEBE32;
		}
	}
	@-moz-keyframes neon4 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #BEBE32,
			0 0 70px  #BEBE32,
			0 0 80px  #BEBE32,
			0 0 100px #BEBE32,
			0 0 150px #BEBE32;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #BEBE32,
			0 0 35px #BEBE32,
			0 0 40px #BEBE32,
			0 0 50px #BEBE32,
			0 0 75px #BEBE32;
		}
	}
	@keyframes neon4 {
		from {
			box-shadow: 0 0 10px #fff,
			0 0 20px  #fff,
			0 0 30px  #fff,
			0 0 40px  #BEBE32,
			0 0 70px  #BEBE32,
			0 0 80px  #BEBE32,
			0 0 100px #BEBE32,
			0 0 150px #BEBE32;
		}
		to {
			box-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #BEBE32,
			0 0 35px #BEBE32,
			0 0 40px #BEBE32,
			0 0 50px #BEBE32,
			0 0 75px #BEBE32;
		}
	}
	.contacto{
		width: 88%;
	}
	.contenido{
		padding: 30px;
	}
	.formulario{
		height: 111px;
		/*display: none!important;*/
	}
	.ocasion_ancho{
		width: 33%;
	}
	.ocasion_articulo{
		padding: 15px;
	}
	.ocasion_cuerpo{
		padding: 15px;
	}
	.pedido{
		margin-top: 0px;
	}
	.pie h2{
		font-size: 30px;
	}
	.pulsador{
		background-image: url(../img/boton5.png);
		background-repeat: no-repeat;
		width: 150px;
		height: 147px;
		margin: 0 auto;
	}
	.pulsador:hover{
		background-image: url(../img/boton5b.png);
	}
	footer h2{
		font-size: 3em;
	}
	/*Input redondeado con animacion azul inicio*/
	input.animacion_azul{
		width: 30%;
	}
	input.animacion_azul:focus{
		width: 35%;
	}
	input.boton{
		/*float: left;*/
	}
	textarea.animacion_azul{
		width: 65%;
	}
	textarea.animacion_azul:focus{
		width: 70%;

	}
	/*Input redondeado con animacion azul fin*/	

}
@media(min-width:992px){

	.circulo{
		left: 70px; 
	}
	.circulo_naranja{
		left: 70px; 
	}
	.circulo_gris{
		left: 70px; 
	}
	.circulo_verde{
		left: 70px; 
	}

	.contacto{
		position: relative;
		display: inline-block;
		width: 66%;
	}
	.menu{
		margin-top: 0px;
	}


}
@media(min-width:1200px){

	.circulo{
		left: 96px; 
	}
	.circulo_naranja{
		left: 96px; 
	}
	.circulo_gris{
		left: 96px; 
	}
	.circulo_verde{
		left: 96px; 
	}

}