@charset "utf-8";

#carousel2 .carousel-inner .item .carousel-caption {right:0; left:40%; text-align:left}
#carousel2 .carousel-inner .item .carousel-caption p {margin-right:25%}
#carousel2 .carousel-indicators, #carousel3 .carousel-indicators { visibility:hidden}
#carousel2 .carousel-caption { color:rgba(0,0,0,1.00);}
#carousel2 .carousel-inner .item img {float:none; margin-left:15% }
/*#carousel2 .carousel-inner .item {margin-bottom: 70px }*/

#carousel3 .carousel-inner .item img {height: 250px}
#carousel3 .carousel-inner .item .carousel-caption {margin-bottom:-15%}
#carousel3 .carousel-inner .item {margin-bottom: 40px }
#carousel3 .carousel-inner .item .carousel-caption h3 {font-size: 15px; text-shadow:none; font-weight:normal; color: rgba(166,0,2,1.00) }

.lila {color:rgba(150,133,152,1.00)}
.purpura { color:rgba(121,54,121,1.00)}
.rojo {color:rgba(255,0,0,1.00)}
.naranja {color: rgba(255,103,0,1.00)}
.marron {color: rgba(151,105,75,1.00)}
.lavanda {color: rgba(128,128,181,1.00)}
.amarillo {color: rgba(223,166,0,1.00)}

img.desaturada { filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
img.desaturada:hover {filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);}

#logo {	height: auto; width: auto; 	}
.logotipo {
	position: 		relative;
	margin:			10px auto 20px -30%;
	width: 			65%;
	left: 			50%;
	max-width: 		auto;
	}

#social .imgsocial {text-align:center; margin-top:5%}
#social h2 {text-align:center; font-size: 22px; margin-top:2%; color:rgba(83,83,83,1.00)}

#social h2, #footer .col-lg-3 p span, #footer .col-lg-3 p a {
	font-family: 'Roboto', sans-serif;
	}

#social img {
	filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
	filter: Gray(); /* IE4-8 and 9 */
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
#social img:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;

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

#thumbs .thumb1 { background: rgba(179,179,179,1.00); height: 200px}
#thumbs .thumb2 { background: rgba(107,154,107,1.00); height: 200px}
#thumbs .thumb3 { background: rgba(197,72,72,1.00); height: 200px}
	#thumbs .thumb1 img, #thumbs .thumb2 img, #thumbs .thumb3 img {position: absolute; right:0; bottom:0; z-index:900; margin:0 4% 4% 0}
	#thumbs .thumb1 .textosthumb, #thumbs .thumb2 .textosthumb, #thumbs .thumb3 .textosthumb {position: absolute; z-index:1000; color:rgba(255,255,255,1.00); padding:4% 0 0 4%}
	.textosthumb h2 {font-size:26px; margin:0}
	.textosthumb p {margin:0}

#titulomain { height:90px }	
#titulomain h2 {
	font-family: 'Raleway', Helvetica, Arial;
	color: rgba(195,0,3,1.00);
	padding: 10px 0 0 0;
	margin-left: 35px
	}
#titulomain img { position: relative;left:50%; margin-left:-15%; margin-top: 7%; height: 50px}
	
#contactenos-footer {}
#contactenos-footer p {width: 90%}

#noticias .media {padding: 15px}
#noticias .jumbotron {margin: 15px}

#footer .col-lg-3 {
	padding-left: 25px;
	padding-bottom: 15px
	}
#footer h3 {color: rgba(190,190,190,1.00)}
#footer a {	color: rgba(140,140,140,1.00)}
#footer a:hover {	color: rgba(255,255,255,1.00)}

#grilla {}

#hagapedido .jumbotron {margin:0 25px}
#hagapedido img {margin: auto}
#hagapedidologo {display: flex;  min-height: 180px;  margin: 0;}

#accordion1 {margin-left: 30px; }

.breadcrumb {margin:0;padding: 5px 5px 5px 40px; font-size:12px; background:rgba(220,220,220,1.00); border-radius:0;color: rgba(130,130,130,1.00)}
.breadcrumb a {color: rgba(130,130,130,1.00)}
.breadcrumb a:hover, .breadcrumb .active {color: rgba(203,0,3,1.00)}

#producto {padding: 0 25px 0 35px}
#producto h1, #producto h3 {font-family: 'Sanchez', Helvetica, Arial; float:left; margin:0;}
#producto h2 {margin:0;float: left; font-family: 'Raleway', sans-serif; font-weight:200}
#producto h4 {float: auto;font-family: 'Raleway', sans-serif; font-weight:300; font-size: 22px}
#producto img {float: right}
#producto .recuadro {border: thin solid rgba(255,118,0,1.00)}

#tabs .tab-content {margin-top: 15px; padding-left:15px}
#tabs .nav > li > a { background-color: rgba(235,235,235,1.00)}
#tabs .nav > li > a:hover { color:rgba(197,0,3,1.00)}
#tabs .nav.nav-tabs .active a  { background-color: rgba(255,255,255,1.00); color:rgba(197,0,3,1.00)}
 

#tabs h3 {font-family: 'Roboto', Helvetica, Arial;float:none}
#tabs h4 {}
.nav.nav-tabs .active a {
}



@media (min-width: 480px) {
#logo {	height: 100px;	}
.container #noticias #OneColumn {
	clear: both;
}


.logotipo {
	left: 			auto;
	margin: 		20px 20px 20px 46px;
	width: 			35%;
	max-width: 		auto;
	}

#social {float: 	right}
#social .imgsocial {text-align:right; margin-top: 5%}
#social h2 {font-size: 26px; margin-top:3%; color:rgba(83,83,83,1.00); text-align: right}

}
@media (min-width: 768px) {
#logo {	height: auto; width: 100%;	}	
.logotipo {
	margin: 		20px 20px 20px 46px;
	width: 			35%;
	max-width: 		200px;
	}
	
	

#social {}
#social .imgsocial {margin-top:15%}
	}
@media (min-width: 1232px) {}
#social {}
#social .imgsocial {margin-top:5%}

#thumbs .thumb1 { background: rgba(179,179,179,1.00); height: 200px}
#thumbs .thumb2 { background: rgba(107,154,107,1.00); height: 200px}
#thumbs .thumb3 { background: rgba(197,72,72,1.00); height: 200px}
	#thumbs .thumb1 img, #thumbs .thumb2 img, #thumbs .thumb3 img {position: absolute; right:0; bottom:0}
	#thumbs .thumb1 .textosthumb { z-index:1000}
	
#footer  {
	background: rgba(113,0,1,1.00);
	color: rgba(169,169,169,1.00)
}
#zocalo {
	padding: 10px 25px;
	background: rgba(150,0,3,1.00);
	color:rgba(180,180,180,1.00);
	font-size:11px
}