@charset "utf-8";
/* CSS Document */
body
{
	font-family:'colaborate-boldregular';
	margin:0 auto;
	text-align:center;
	background-image:url(../images/background/mooning.png);
}

.cuadroBusqueda
{
	
	margin:0 auto;
	height:auto;
  	background-color:rgba(221,221,221,1.00);
  	border:10px solid rgba(88,87,87,1.00);
	border-radius:10px;
	padding:30px;
	
	
}

@media(min-width: 900px)
{
	.cuadroBusqueda
	{
			width:900px;
	}
}
@media(max-width: 900px)
{
	.cuadroBusqueda
	{
		width:100%;
	}
	
}
#banner
{
	width:100%;
	margin-top:-10;
	max-width:1440PX;
	
	
}
.banner
{
	padding:0px;
	
}
.containerTarjeta
{
	
}
.footerTarjeta
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
border: thin solid rgba(185,185,185,1.00);

	
	padding:10px;
}

.center
{
	margin:0 auto;
	text-align:center;
}

.tarjeta
{
	height:500px;
	padding:3px;
	margin:5px;	
	float:left;
	width:100%;
	
}

.tarjetaMarcas
{
	height:650px;
	padding:3px;
	margin:5px;	
	float:left;
	width:100%;
	
}
.tarjetaText
{
	height:400px;
	background-color: rgba(255,255,255,1.00);	
	-webkit-box-shadow: 0 1px 1px rgba(126,126,126,1.00);
	box-shadow: 0 1px 1px rgba(126,126,126,1.00);
	transition:.5s;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	border: thin solid rgba(185,185,185,1.00);
}
.tarjetaTextMarcas
{
	height:550px;
	background-color: rgba(255,255,255,1.00);	
	-webkit-box-shadow: 0 1px 1px rgba(126,126,126,1.00);
	box-shadow: 0 1px 1px rgba(126,126,126,1.00);
	transition:.5s;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	border: thin solid rgba(185,185,185,1.00);
}



.tarjetaText:hover
{
	-webkit-box-shadow: 2px 3px 1px rgba(126,126,126,.8);
	box-shadow: 2px 3px 1px rgba(126,126,126,.8);


	
}
.tituloBlue
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
background: rgb(0,183,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */



}
.tituloRed
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

	
}
.tituloGreen
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdeb8e+0,a5c956+100;Green+3D+%232 */
background: #cdeb8e; /* Old browsers */
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */


}
.tituloTarjeta
{
	text-align: left;
	font-size: 22px;
	padding-top: 3px;
	padding-left: 20px;
	height:70px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,1.00);
	box-shadow: 0px 1px 1px rgba(185,185,185,1.00);
}
.textoTarjeta
{
	margin:15px;
	color:rgba(53,53,53,1.00);
}

.cuerpo
{
	margin-top: 20px;

	margin-right: auto;
	margin-left: auto;		
}

.imgStaf, .imgStaf img
{
	max-width:80%;
	max-height:300px;
}
.imgStaf
{
	margin-top:5px;
	background-color:rgba(73,73,73,.3);	
}




.desingStaf
{
	border-radius: 10px;	
	
}
.desingNovedades
{
	border-radius:1px;
	
}



@media (min-width: 400px)
{
.cuadroLogin
{
	width:400px;
}
.cuadroEdit
{
	width:100%;
}
.textoFechaTitulo
{
	font-size:12px;
	border-top: solid thin #fff;	
}
.cuadroLogin
{
	
	height: auto;
	border-radius: 5px;
	background-color:#fff;
	border: thin solid rgba(83,83,83,1.00);
	text-align: center;
	margin: 0 auto;
	margin-top: 100px;
	padding:30px;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,1.00);
	box-shadow: 0px 0px 20px rgba(0,0,0,1.00);
}

.cuadroLogin input, .cuadroLogin textarea, .cuadroEdit input, .cuadroEdit textarea
{	
	width:90%;
	margin-top:5px;
	margin-bottom:5px;
	box-shadow:none;
	box-shadow:inset none;
	border:none;
	border-bottom:thin dotted rgba(123,185,0,1.00);
}
.cuadroLogin input:focus, .cuadroLogin textarea:focus, .cuadroEdit input:focus, .cuadroEdit textarea:focus
{
	outline: 0px;

}



.radius10
{	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}



.a, a:hover
{
	text-decoration:none;
}

.curren
{
	border-bottom:50px;
	border-bottom:#00923f;
	border-bottom-style:solid;
}
.novedades
{
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,1.00);
	box-shadow: 0px 1px 1px rgba(185,185,185,1.00);
}
}
@media (min-width: 1200px)
{
.novedades, .contenedorStaf, .containerContact, .contenedorServicios
{
	width:1200PX;	
	margin:0 auto;
		
}
}
@media (max-width: 1200px)
{
.novedades, .contenedorStaf, .containerContact, .contenedorServicios
{
	width:100%;	
	margin:0 auto;
		
}
}

@media (min-width: 768px)
{
	
	
.menu
{
	position:static;

	height:100px;
	width:100%;	
	border-bottom: mediun;
	border-bottom-style: solid;
	border-bottom-color: #00923f;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */


	
}
.menu ul
{
	height:100%;
	color:#333;		
	float:right;
	margin-right:5%;
}
.menu ul a
{
color:#333;	
}
.menu ul a li
{
	list-style:none;
	display:inline-block;	
	height:100%;	
	width:100px;
	margin-right:5px;		
	padding-top:20px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



.menu ul a:hover li
{
	height:100px;
	background-color:rgba(0,0,0,1.00);
	border-bottom:5px;
	border-bottom:rgba(255,0,0,1.00);
	border-bottom-style:solid;		
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.txtMenu
{
	font-size:15px;	
}
.staf
{
	
	text-align:center;
	color:rgba(211,211,211,1.00);
	background-image:url(../images/background/footer_lodyas.png);
	-webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,1.00);
	box-shadow: inset 0 2px 2px rgba(255,255,255,1.00);
}
}
@media (max-width: 768px)
{
.staf
{
	
	color:rgba(211,211,211,1.00);
	background-image: url(../images/background/stressed_linen.png);
	-webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,1.00);
	box-shadow: inset 0 2px 2px rgba(255,255,255,1.00);
}
.menu
{
	position: static;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
	background: #bfd255; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: mediun;
	border-bottom-style: solid;
	border-bottom-color: #00923f;
	-webkit-box-shadow: 0px 15px 5px rgba(5,4,4,1.00);
	box-shadow: 0px 5px 5px rgba(5,4,4,1.00);
}



.menuChico
{
	width:100%;	
	padding:0px;
	
}
.botonMenu
{	
	
	display:none;
	padding:5px 20px 5px 20px;
    background-color:#333;
    color:#fff;
    border:2px inset #6E6E6E;
    float:left;
    margin-right:10px;	
	
}
.menuChico li, menuChico li ul
{
	margin:0;
	padding:0;
}
.menuChico li ul a, .menuChico li ul a li
{
	color:#FFF;
	text-decoration:none;
	height:10%;
	padding:auto;
	vertical-align:central;
}

.menuChico li ul li a:hover .btnMenuChico
{
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .200);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .200);	
}
#botonMenu:checked ~ #menuChicoDesplegado {
	display:block;
	position:static;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
}
.menuChico li ul, .menuChico
{
	list-style:none;
	
}
.menuChico li ul
{
	display:none;	
	padding-left:0;
	margin-left:0;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	text-align:center;
	
}
.menuChico li ul a li
{
	padding-left: 20px;
	border-left: thin none rgba(156,156,156,1.00);
	border-right: thin none rgba(156,156,156,1.00);
	border-bottom: thin none rgba(156,156,156,1.00);
	border-top: thin solid rgba(156,156,156,1.00);
}

.menuChico > li
{
	text-align:right;
	
	display:block;
	
}

menuChico
{
	height:auto;
}
.botonMenuChico
{
	background:#333;
	width:20px;
	height:3px;
	margin-bottom:5px;
	 border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 8em;
	

}
span.grey {
  background:#333;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color:#333;
  display:block;
  margin-bottom:3px; 
  text-align: center;
  width: 20px;
  height:4px;
}
.diseñoBoton
{
	float:right;
  margin-right:30px;
  margin-top:10px;
  height:32px;
}
.btnTitulo
{
	float: left;
	margin-right: 20px;
	font-size: 16px;
	font-weight: bold;
}
.btnDiseño
{
	margin:auto;
	float:right;	
}
.btnMenuChico
{
	color:#333;
	width:100px;
	height:100px;
	display:inline-table;
	text-align:center;
	margin-left:5px;
	margin-bottom:5px;		
	padding-top:20px;
	
	
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.sliderLogos:image
{
	max-width:200px;
}
}


.checkMal
{	background-color:rgba(244,0,4,1.00);
	width:10px;
	height:10px;
	border-radius:5px;
	text-align:right;
	float:right;
}
	
.logoMenu img
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:3%;
	float:left;
	height:70px;
	width:auto;
}
.sliderLogos
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */


	
	border-radius:5px;
	padding:25px;
}