/** Instalando fuentes**/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One|Oxygen:400,300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Anaheim);
body{ 

/*	background: url(../images/fondo.jpg) no-repeat center center fixed; */
	background-color: rgba(3, 30, 65, 0.83);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	color:#FFF; 
	font-size:14px; 
}

.bg_container{
	width:930px; 
	padding: 35px 15px 10px 
	15px;
	margin: 20px 0;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	float: left; 
}
/*Default*/
.tipografia-anaheim{font-family: 'Anaheim', sans-serif;}
.tipografia-Oxygen{font-family: 'Oxygen', sans-serif;}
.tipografia-Pathway{font-family: 'Pathway Gothic One', sans-serif; font-weight:400;}
.tipografia-Lato{font-family: 'Lato', serif;}


.main{
	width:960px;
	margin:0 auto;
	padding:0 10px;
}
.mstc{width:100%; float:left;background: #EAEAEA;}
.mstc1{
	width:930px;
	background:#fff;
	
	margin:20px 0;
	padding:15px;
	box-shadow:0 30px 30px rgba(0,0,0,0.2);
	float:left;
	
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.center{margin-left:auto; margin-right:auto;}
.left{float:left;}
.right{float:right;}
h1#titulo{height:10px;font-size:20px; color:#114577; margin:350px 33px;font-family:'Open Sans', helvetica; float:left;}
h5#titulo{width:100%; font-size:35px; font-weight:bold; color:#0775D2; margin:5px 0 30px 0; float:left;}
h5#titulo span{padding:0 25px 10px 25px; border-bottom:solid 2px #0775D2; display:block; float:left;}


#lineal{
width:960px;
height:40px;
margin:0 auto;


}



.servicios {

float: right!important;
display: inline-block;
margin: 0px 0;
}

#linea{

width:100%;

margin:0 auto;
background:#000;
height: 40px;
}
.fecha{
color: #fff;

font-family: helvetica;
float: left;
margin: -28px 5em;
}

#linker {
width: 200px;
margin: 0px -20px;
display: inline-block;
}

#linker p{

width:200px;

margin: 9px 20em;

color:#fff;

font-family:helvetica;
padding: 3px 0;
font-size:14px;
}




#linker p a {

color:#fff!important;
font-size:15px;
border: 0.1em solid #FFD500;

padding: 12px;
margin: 0em -0.3em;
}

#linker p a:hover {

color:#fff!important;
font-size:15px;
border: 0.1em solid #FFD500;
background:#DC117B;
padding: 12px;
margin: 0em -0.3em;
}








#linker a{

color:#fff;
font-size:15px;

}



#em {




}

#em p{

color: #fff;

float: left;
font-size: 15px;
margin: -31px 448px;


}

/*Home*/
#head{	
	height:109px;
	padding:20px 0;
}
	/*#head .right .phone{
		background:url(../images/set-icons.png) 91px 0 no-repeat;
		padding:5px 40px 5px 5px;
	}*/
	#head .right .email{
		background:url(../images/set-icons.png) 154px -44px no-repeat;
		padding:5px 40px 5px 5px;
	}
	#head .right a{
		color:#fff;
		text-align:right;
		font-size:21px;
		font-weight:normal;
		text-transform:uppercase;
		text-shadow: 0 -1px rgba(0,0,0,0.4);
		margin:-1px 0;
		clear:right;
	}
	#head .right strong{
		color:#fff;
		text-align:right;
		font-size:21px;
		font-weight:normal;
		text-transform:uppercase;
		text-shadow: 0 -1px rgba(0,0,0,0.4);
		margin:2px 0;
		clear:right;
	}





/* INICIO MENU 1 */
.mstc3{
	width:100%; 
	background: rgba(54, 105, 182, 0);
	height: 45px; 

margin:0 auto;
/* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(255,244,118,1) 0%, rgba(234,206,96,1) 99%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,244,118,1)), color-stop(99%,rgba(234,206,96,1))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  rgba(255,244,118,1) 0%,rgba(234,206,96,1) 99%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  rgba(255,244,118,1) 0%,rgba(234,206,96,1) 99%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  rgba(255,244,118,1) 0%,rgba(234,206,96,1) 99%); /* IE10+ */
/*background: linear-gradient(to bottom,  rgba(255,244,118,1) 0%,rgba(234,206,96,1) 99%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff476', endColorstr='#eace60',GradientType=0 ); /* IE6-9 */


}		

#menu ul{
	width: 336px;
	margin: -9px -15px;
	
}
	#menu ul li{
		color:000000;
		font-size:16px;
		list-style:none;
		padding:13px 18px;
		margin:-17px 4px;
		font-family:'calibri', arial;

		
	}

	#menu ul li:hover, #menu ul li.active{
		padding:12px 23px;
		color:#DD117B;
		margin:-19px 0px;
		background: rgba(218, 218, 218, 0);
		border-bottom: 1px solid #DD117B;
		border-top: 1px solid #DD117B;
		


	}

	#menu ul form{margin:0px; float:right;}
		#menu ul form input[type="text"]{			
			background-color: #fff;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #f4f4f4 0%, #d8d8d8 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d8d8d8));
			background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d8d8d8 100%);
			background: -o-linear-gradient(top,  #f4f4f4 0%,#d8d8d8 100%);
			background: -ms-linear-gradient(top,  #f4f4f4 0%,#d8d8d8 100%);
			background: linear-gradient(to bottom,  #f4f4f4 0%,#d8d8d8 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d8d8d8',GradientType=0 );
			
			margin:5px;
			width:300px;
			height:35px;
			font-size:20px;
			padding-left: 30px;
			border-radius:5px; 

		
		/*	-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			padding:0 10px;
			border:solid 1px #fff;
			margin:5px 0;*/
		}
		#menu ul form input[type="text"]:hover{color:#148c8c;}	
		#menu ul form input[type="submit"]{
			background: url(../images/bus.png) 0px 0px no-repeat;
			width:34px;
			height:34px;
			font-size:0;
			
			border:0;
			margin:6px 5px;
			padding:0;
			cursor:pointer;
			float:left;
		}

#panel1 img{
	margin:0px 50px 0px;
	position: absolute;

}

	#cssmenu{
		width:210px;
		padding:0 2px 30px 0px;
		float:left;
	}
	#cssmenu > ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  vertical-align: baseline;
	  line-height: 1;
	}
	#cssmenu > ul {display: block; position: relative; z-index:99; width: 230px;}
	#cssmenu > ul li {
	  display: block;
	  position: relative;
	  margin: 0;
	  padding: 0;
	  width: 100%;
	}
	#cssmenu > ul li a {	
	  display: block;
	  position: relative;
	  margin: 0;
	  padding: 7px 5px 7px 21px;	
	  color: #333;
	  text-decoration: none;
	  text-transform: uppercase;
	  line-height:22px;
	  font-size: 16px;
	  font-weight: normal;
	  border-bottom: solid 1px #8f8f8f;	
	}
	#cssmenu > ul li a strong{    
		color: #0775D2;
		display: block;
		float: left;
		font-size: 28px;
		height: 29px;
		margin-right:3px;
	}		
	#cssmenu > ul li > a:hover,
	#cssmenu > ul li:hover > a {
	  color: #ffffff;
	  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	  background: #087EDD;
	}
	#cssmenu > ul .has-sub > a::after {
	  content: '';
	  position: absolute;
	  top: 14px;
	  right: 210px;
	  width: 0px;
	  height: 0px;	
	  border: 5px solid transparent;
	  border-left: 5px solid #333;
	}
	#cssmenu > ul li > a:hover::after,
	#cssmenu > ul li:hover > a::after {
	  border-left: 5px solid #ffffff;
	}
	#cssmenu > ul li > a:hover::before,
	#cssmenu > ul li:hover > a::before {border-left: 4px solid rgba(0, 0, 0, 0.3);}
	#cssmenu > ul ul {
	  background:rgba(8, 126, 221, 0.85);
	  position: absolute;
	  left: 100%;
	  top: -9999px;
	  padding:5px;
	  opacity: 0;
	  width: 200px;	
	  -webkit-transition: opacity 0.3s ease-in;
	  -moz-transition: opacity 0.3s ease-in;
	  transition: opacity 0.3s ease-in;
	}
	#cssmenu ul ul li a{border:0 !important;}
	#cssmenu > ul li:hover > ul {top: 0px; opacity: 1;}
	#cssmenu > ul ul li a{color: #126BB5;}
	


/*	#cssmenu > ul ul li a:hover{background: #143B66;}
/* FIN MENU 1 */




/* INICIO MENU 2 */
.mstc4{
	width:4%; 
	background: rgba(54, 105, 182, 0);
	height: 45px; 

margin:0 auto;
/* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(255,244,118,1) 0%, rgba(234,206,96,1) 99%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,244,118,1)), color-stop(99%,rgba(234,206,96,1))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  rgba(255,244,118,1) 0%,rgba(234,206,96,1) 99%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  rgba(255,244,118,1) 0%,rgba(234,206,96,1) 99%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  rgba(255,244,118,1) 0%,rgba(234,206,96,1) 99%); /* IE10+ */
/*background: linear-gradient(to bottom,  rgba(255,244,118,1) 0%,rgba(234,206,96,1) 99%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff476', endColorstr='#eace60',GradientType=0 ); /* IE6-9 */


}		

#menu2 ul{
	width: 960px;
	margin: -6px 748px;
	
}
	#menu2 ul li{
		color:000000;
		font-size:16px;
		list-style:none;
		padding:13px 18px;
		margin:-13px 4px;
		font-family:'calibri', arial;
		
	}
	#menu2 ul li:hover, #menu2 ul li.active{
		padding:12px 23px;
		color:#DD117B;
		margin:-19px 0px;
		background: rgba(218, 218, 218, 0);
		border-bottom: 1px solid #DD117B;
		border-top: 1px solid #DD117B;
			
	}

	#menu2 ul form{margin:0px; float:right;}
		#menu2 ul form input[type="text"]{			
			background-color: #fff;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #f4f4f4 0%, #d8d8d8 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d8d8d8));
			background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d8d8d8 100%);
			background: -o-linear-gradient(top,  #f4f4f4 0%,#d8d8d8 100%);
			background: -ms-linear-gradient(top,  #f4f4f4 0%,#d8d8d8 100%);
			background: linear-gradient(to bottom,  #f4f4f4 0%,#d8d8d8 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d8d8d8',GradientType=0 );
			
			margin:5px;
			width:300px;
			height:35px;
			font-size:20px;
			padding-left: 30px;
			border-radius:5px; 

		
		/*	-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			padding:0 10px;
			border:solid 1px #fff;
			margin:5px 0;*/
		}
		#menu2 ul form input[type="text"]:hover{color:#148c8c;}	
		#menu2 ul form input[type="submit"]{
			background: url(../images/bus.png) 0px 0px no-repeat;
			width:34px;
			height:34px;
			font-size:0;
			
			border:0;
			margin:6px 5px;
			padding:0;
			cursor:pointer;
			float:left;
		}

#panel1 img{
	margin:0px 50px 0px;
	position: absolute;

}

	#cssmenu2{
		width:210px;
		padding:0 2px 30px 0px;
		float:left;
	}
	#cssmenu2 > ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  vertical-align: baseline;
	  line-height: 1;
	}
	#cssmenu2 > ul {display: block; position: relative; z-index:99; width: 230px;}
	#cssmenu2 > ul li {
	  display: block;
	  position: relative;
	  margin: 0;
	  padding: 0;
	  width: 100%;
	}
	#cssmenu2 > ul li a {	
	  display: block;
	  position: relative;
	  margin: 0;
	  padding: 7px 5px 7px 21px;	
	  color: #333;
	  text-decoration: none;
	  text-transform: uppercase;
	  line-height:22px;
	  font-size: 16px;
	  font-weight: normal;
	  border-bottom: solid 1px #8f8f8f;	
	}
	#cssmenu2 > ul li a strong{    
		color: #0775D2;
		display: block;
		float: left;
		font-size: 28px;
		height: 29px;
		margin-right:3px;
	}		
	#cssmenu2 > ul li > a:hover,
	#cssmenu2 > ul li:hover > a {
	  color: #ffffff;
	  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	  background: #087EDD;
	}
	#cssmenu2 > ul .has-sub > a::after {
	  content: '';
	  position: absolute;
	  top: 14px;
	  right: 210px;
	  width: 0px;
	  height: 0px;	
	  border: 5px solid transparent;
	  border-left: 5px solid #333;
	}
	#cssmenu2 > ul li > a:hover::after,
	#cssmenu2 > ul li:hover > a::after {
	  border-left: 5px solid #ffffff;
	}
	#cssmenu2 > ul li > a:hover::before,
	#cssmenu2 > ul li:hover > a::before {border-left: 4px solid rgba(0, 0, 0, 0.3);}
	#cssmenu2 > ul ul {
	  background:rgba(8, 126, 221, 0.85);
	  position: absolute;
	  left: 100%;
	  top: -9999px;
	  padding:5px;
	  opacity: 0;
	  width: 200px;	
	  -webkit-transition: opacity 0.3s ease-in;
	  -moz-transition: opacity 0.3s ease-in;
	  transition: opacity 0.3s ease-in;
	}
	#cssmenu2 ul ul li a{border:0 !important;}
	#cssmenu2 > ul li:hover > ul {top: 0px; opacity: 1;}
	#cssmenu2 > ul ul li a{color: #126BB5;}
	


	#cssmenu2 > ul ul li a:hover{background: black;}
/* FIN MENU 2 */













































	
.banner {
	width: 1260px;
	position: relative;
	margin: auto;
}
	.banner ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
	}
		.banner ul li {
			width: 1500px;
			height: 311px;
			padding: 0;
			display: block;
			float: left;
		}
			.banner ul li img{
				width: 680px; 
				height: 311px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
	.banner .controls{
		margin-top:-80px;
		position:relative;
		z-index:9;
		float:right;
	}
		.banner  .controls .prev, .banner .controls .next{
			background:#e6e1e1;
			color:#279748;
			font-family:Arial, Helvetica, sans-serif;
			font-size:40px;
			font-weight:bold;
			margin:8px;
			padding:2px 13px 0;
			float: left;
		}
		.banner  .controls .prev:hover, .banner .controls .next:hover{background:#279748; color:#e6e1e1;}




/*index*/
#fond{
	background-color: #fff;
	float: left;
	height: auto;
}
#oferta{text-align: center;}

#recuadro{
	position:absolute;
	background-color: #fedd14;
	width: 200px;
	height: 65px;
	border-radius:8px;
	box-shadow: 2px 2px 5px #333;
	margin:30px 30px 30px 15px;
	-moz-transform : rotate(-5deg); 
	-webkit-transform : rotate(-5deg); 
	-o-transform : rotate(-5deg);
}

#panel h2{
	position: absolute;
	margin:20px 45px 45px 30px;
	font-size: 25px;
	color: #E52424;
	font-family:'Open Sans', helvetica;
}
#panel p{
	position: absolute;
	margin:70px 30px;
	font-size: 15px;
	color: #888;
	width: 550px;
	text-align: justify;
	font-family:'Open Sans', helvetica;
}
#images{
	float: left;
	margin: 0px;
}
#images img{
	float: left;
	border: 2px solid #ccc;
}

#images h2{
	margin: 20px 0 0 30px;
	font-family:'Open Sans', helvetica;
}

#circulo{
	
	position: absolute;
	background-color: #fff;
	border: 3.5px solid #222;
	border-radius: 100%;
	width: 95px;
	height:95px;
	margin:15px 0px 0px 250px; 
}
#circulo img{
	text-align: center;
	margin: 8px;
}
#top-list{
	
	width: 300px;
	height: 200px;
	margin:20px 25px;
	float: left;
	border-radius: 0.5em;
	
}
#top-list h3{
	text-align: center;
	font-size: 20px;
	padding-top:5px;
	width: 100%;
	height: 30px;
	font-family:'Open Sans', helvetica;
background: rgb(242,245,246);
background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)));
background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );

}

#top-list p{
	text-align: left;
	font-size: 17px;
	margin:15px 30px 45px 20px;
	color:#E52424;
	float:left;
	font-family:'Open Sans', helvetica;
	text-align: center;
}







/*MARCAS*/
#conter{
	background-color: #fff;
	width: 960px;
	float: left;
}
#conter h2{
	font-size: 30px;
	color: #888;
	margin-left: 75px;
}


#marcas2{
	float: left;
	margin-top:20px;
	height: 200px;
}
.clientes{
	width:930px;
	background:#fff;
	
	margin:0 0 15px 0px;
	padding:15px;
	box-shadow:0 30px 30px rgba(0,0,0,0.2);
	float:left;
	
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
	.clientes ul {
		margin-top: 20px;
		padding: 0;
		list-style: none;
		display: block;
	}
		.clientes ul li {
			width:918px;
			padding: 0;
			margin: 0 5px;
			display: block;
			float: left;
		}
			.clientes ul li .tumb{
				width:96px;
				height:85px;    
				margin: 0px 2px; padding: 0 5px;
				border:solid 2px #148c8c;
				border-radius: 5px;
				float:left;
				text-align:center;

			}

.clientes:hover .prev, .clientes:hover .next{opacity:1;}		
	.clientes  .prev, .clientes  .next{
		background:#148c8c;
		width:25px;
		height:25px;
		color:#fff;
		text-align:center;
		font-size:18px;	
		font-weight:bold;	
		line-height:25px;
	
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		border-radius:100%;
	
		border:solid 3px #0f7e7e;
		margin:-60px -25px;
		position:relative;
		opacity:0;
		z-index:5;
		float: left;
	}
	.clientes  .next {float: right;}

/*FIN-MARCAS*/



/*INICIO*/
#inicio{
	width: 960px;
	height: 610px;
	margin: 0 auto;
	padding: 0px;
background: rgb(249,252,247);
background: -moz-linear-gradient(top, rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1)));
background: -webkit-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: -o-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: -ms-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: linear-gradient(to bottom, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 );


	}






/*NOSOTROS*/
#nosotros{
	width: 960px;
	height:535px;
	padding: 10px;
	margin: 0 auto;
background: rgb(249,252,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */

	}
.quienes img{
	border: 6px solid #E2E2E2;
	float: left;
	margin: 20px 0 0 50px;
	border-radius: 5px;
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
}
.quienes img:hover{
	-o-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	transform:rotate(5deg);

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;

}

.mision{
	width: 350px;
	float: left;
	margin-left: 80px;
	margin-top: 29px;
}
.mision h3{
	color: #FFF;
	margin: 10px 0;
	height: 25px;
	text-align: center;
	padding: 5px;
	border-radius: 15px;
	font-family:'Open Sans', helvetica;
background: rgb(242,245,246); /* Old browsers */


}
.mision p{
	color: #025D94;
	font-size: 15px;
	text-align: justify;
	margin: 0px 0 50px 0;
	font-family:'calibri', arial;
	line-height:1.3;
}
.icon{
	background: url(../images/nosotros/set-icons2.png) 0 0 no-repeat;
	width: 70px;
	height: 70px;
	margin: 0px;
	float: left;
}
.vis{
	background: url(../images/nosotros/set-icons2.png) -65px -65px no-repeat;
	width: 70px;
	height: 60px;
	margin: 0px;
	float: left;
}
.icon:hover{
	background: url(../images/nosotros/set-icons2.png) 0 -66px no-repeat;
	width: 70px;
	height: 70px;
	margin: 0px;
	float: left;
}
.vis:hover{
	background: url(../images/nosotros/set-icons2.png) -66px 0 no-repeat;
	width: 70px;
	height: 60px;
	margin: 0px;
	float: left;
}





/*MENU MARCAS*/
#sub-nav{width: 960px;}
#sub-nav ul{
    width: 960px;
    padding: 10px 0 0 20px;
    margin-left: 50px;
}
#sub-nav ul li{
    text-align: center;
    list-style:none;
    float: left;
    margin:0 0 15px 5px;
}

#sub-nav ul li a{
    text-decoration: none;
    text-transform:uppercase;
    display: block;
    height: 40px;
    width: 200px;
    color:#fff;
    padding: 7px 0;
    background-color:rgb(104, 199, 123);
    float: left;
    font-size: 20px;
    border-radius:8px 8px 0 0;
}
#sub-nav ul li a:active{
    color:#000;
}
.contenedor-caja {
   margin-top: -300px;
   margin-left:650px;



}
.tex p{
    visibility: inherit;
    width: 550px;
    height:200px;
    float: left;
    margin: 20px;
    text-align: justify;
	font-size: 14px;
	color: #025D94;
	font-family:'calibri', arial;
	line-height:1.3;
}
#contenido1{
	width: 940px;
	background-color:rgb(148, 223, 163);
	float: left;
	margin:-15px 0 20px 10px;
	border-radius: 8px;
}
#contenido2{
	width: 940px;
	background-color:rgb(190, 190, 190);
	float: left;
	margin:-15px 0 20px 10px;
	border-radius: 8px;
}
#contenido3{
	width: 940px;
	background-color:rgb(104, 199, 123);
	float: left;
	margin:-15px 0 20px 10px;
	border-radius: 8px;
}
#contenido4{
	width: 940px;
	background-color:rgb(162, 162, 162);
	float: left;
	margin:-15px 0 20px 10px;
	border-radius: 8px;
}



.marcas_representadas{
	float:left;
	position:relative;
	width:155px;
	height:150px;
	border:1px solid #ccc;
	box-shadow: 2px 2px 2px #ccc;
	overflow:hidden;
	margin:25px 0 20px 26px;
	background-color:#fff;
	text-align:center;
}
.marcas_representadas img{
	float:left;
	width:150px;
	margin: 0 2px 0 2px;
}
.marcas_representadas a.capa{
	display:block;
	visibility:hidden;
	opacity:0;
	transition:all .4s ease 0;
	-moz-transition:all .4s ease 0;
	-webkit-transition:all .4s ease 0;
	-o-transition:all .4s ease 0;
	-ms-transition:all .4s ease 0;
	position:absolute;
	top:5px;
	left:5px;
	z-index:4;
	border-radius:5px; 
}

.marcas_representadas:hover a.capa{
	visibility:visible;
	opacity:1;
	background:rgba(32, 146, 117, .2); center no-repeat;
	width:145px;
	height:140px;
	margin:0px;
	padding: 0px;
}

/*fin marcas*/


h2.titulo_inicio {
	color: #E22F2F;
	margin:10px 0px;
	font-size: 18px;
}
.titulo_inicio p{
	font-size: 14px;
	text-align: justify;
	color: #ccc;
	margin: 20px;
}


.titulo{
    margin: 0px auto;
    width: 310px;
    height: 545px; 
    float: left;
    background-color: #fff;
	padding: 35px 0px 40px 0px;
}
.titulo h2{
    width:280px;
    height:30px;
    text-align:center; 
    font-size:20px; 
    color:#fff;
    padding:5px;
    margin: 0px 10px;
    border-radius: 5px;
    font-family:'Open Sans', helvetica;
 background: rgba(220, 17, 123, 1);

}

.contacto form{
    padding:0 35px 0 10px;
   
    margin-right:20px;
    float:left;
    margin-top: 20px;

}
    .contacto form input[type='text'], .contacto form textarea{
        background:none;
        width:280px;
        color:#000;
        font-size:13px;
        font-family:Arial, Helvetica, sans-serif;       
        border-radius: 5px;
        padding:6px 17px;
        margin:5px 0;
        border:solid 2px #686868;
        resize:none;
        float:left;
        clear:left;
    }
    

    
    

    
    
    .contacto form textarea{height:140px;}
    .contacto form input[type='text']:hover, .contacto form textarea:hover,.contacto form input[type='text']:focus, .contacto form textarea:focus{
      
        color:rgb(29, 25, 212);
    }
    .contacto form input[type='submit']{
        background:none;
        color:black;
        font-size:13px;
        font-family:Arial, Helvetica, sans-serif;       
        font-weight:bold;
        
        padding:0px 20px;
        margin:10px 0;
        border:solid 2px  #07183C;
        resize:none;
        float:right;
        border-radius:5px;
        clear:left;
    }
    .contacto form input[type='submit']:hover,.contacto form input[type='submit']:focus{background:#2A3453; color:#fff;}
    .contacto .dty{
        width:240px;
        text-align:center;
        color:#333;
        font-size:15px;
        line-height:25px;
        float:left;
		font-family: 'Open Sans', helvetica;        
    }
        .contacto .dty b{color:rgb(70, 70, 70);}
    .contacto #mapa{
        padding:10px 20px 10px 0px;
        margin-left:20px;
        float:right;
    }
/*PRODUCTOS*/
#productos{
	background-color: #fff;
	width: 960px;
	float: left;
}



#lis p {
color: #fff;
float: right;
margin: 15px;
}

#lis {
background: rgba(220, 17, 123, 1);
width: 665px;
height: 40px;
margin: 10px 250px;

}




















		
#tele:hover{
margin-left: 660px;
margin-top: 25px;
position:absolute;
z-index:999999999;
width:50px;
height:50px;
background:url(../images/set-icons.png) -5px -65px no-repeat;
}

#soporte{
	width:350px;
	height:150px;
	background:url(/images/soporte.png)no-repeat;
	position:absolute;
	z-index:10;
	margin-left:605px;
}		
#soporte p{
padding:0px 0 0 115px;
font-size:15px;
font-family:'Open Sans', helvetica;
}

#horactiva{
	width:280px;
	height:180px;
	margin-top:190px;
	background:url(../images/contactenos/calendario.png)no-repeat;
	color:#888;
	font-family:'verdana';
	font-size:17px;
	padding:110px 0 0 35px;
}

/*iconos de contactenos*/
#formu{
position:absolute;
width:50px;
height:50px;
margin:-20px 0 0 5px;
background:url(../images/contactenos/set-icons3.png) 0 -54px no-repeat;
}
#casa{
position:absolute;
width:50px;
height:50px;
margin: -15px 0 0 5px;
background:url(../images/contactenos/set-icons3.png) -270px -54px no-repeat;
}
#telefono{
position:absolute;
width:50px;
height:50px;
margin: 165px 38px;
background:url(../images/contactenos/set-icons3.png) -170px -54px no-repeat;
}
#email{
position:absolute;
width:50px;
height:50px;
margin: 250px 18px;
background:url(../images/contactenos/set-icons3.png) -230px -54px no-repeat;
}
#hora{
position:absolute;
width:50px;
height:50px;
margin:-17px 0 0 5px;
background:url(../images/contactenos/set-icons3.png) -110px -54px no-repeat;
}
#ubicacion{
position:absolute;
width:50px;
height:50px;
margin-top:-20px;
background:url(../images/contactenos/set-icons3.png) -50px -54px no-repeat;
}

/*hover*/

#formu:hover{
position:absolute;
width:50px;
height:50px;
background:url(../images/contactenos/set-icons3.png) 0 0 no-repeat;
}
#casa:hover{
position:absolute;
width:50px;
height:50px;
background:url(../images/contactenos/set-icons3.png) -270px 0 no-repeat;
}
#telefono:hover{
position:absolute;
width:50px;
height:50px;
margin: 165px 38px;
background:url(../images/contactenos/set-icons3.png) -170px 0 no-repeat;
}
#email:hover{
position:absolute;
width:50px;
height:50px;
margin: 250px 18px;
background:url(../images/contactenos/set-icons3.png) -230px 0 no-repeat;
}
#hora:hover{
position:absolute;
width:50px;
height:50px;
margin:-20px 0 0 5px;
background:url(../images/contactenos/set-icons3.png) -110px 0 no-repeat;
}
#ubicacion:hover{
position:absolute;
width:50px;
height:50px;
margin-top:-20px;
background:url(../images/contactenos/set-icons3.png) -50px 0 no-repeat;
}

#event {
background: black;
width: 65%;
height: auto;
float:left;
margin: -440px 275px;

}

h2.text1{
background-color:#00529B;
margin-left:320px;
font-size: 14px;
color:#000;


}

#soporte img {
	width: 1200px;
	height: 150px;
	margin-left: -768px;
	margin-bottom: 30px;
z-index: 9999999;

		
	fondo : rgba (255,255,255,1);
fondo : -moz lineal gradiente (izquierda, rgba (255,255,255,1) 0%, rgba (0,82,155,1) 100%);
fondo : -webkit-pendiente (superior izquierda, superior derecha, color-stop (0%, rgba (255,255,255,1)), color-stop (100%, rgba (0,82,155,1)));
fondo : -webkit lineal-gradiente (izquierda, rgba (255,255,255,1) 0%, rgba (0,82,155,1) 100%);
fondo : -o lineal gradiente (izquierda, rgba (255,255,255,1) 0%, rgba (0,82,155,1) 100%);
fondo : -ms-lineal-gradiente (izquierda, rgba (255,255,255,1) 0%, RGBA (0,82,155,1) 100%);
fondo : gradiente lineal (a derecha, rgba (255,255,255,1) 0%, rgba (0,82,155,1) 100%);
Filtro : progid: DXImageTransform.Microsoft.gradient (startColorstr = "# ffffff", endColorstr = '# 00529b', GradientType = 1);



}


/* Seleccion */
::-webkit-selection{
background: #249b48; /* color de fondo */
color: #fff; /* color de texto */
}
::selection{
background: #249b48; /* color de fondo */
color: #fff; /* color de texto */
}


.icon-vi{
	background: url(../images/set3.png)-5px -82px no-repeat;
	width: 50px;
	height: 70px;
	margin-left:20px;
	margin-top:15px;
}
.icon-vi:hover{
	background:url(../images/set3.png) -5px 2px no-repeat;
	width: 50px;
	height: 70px;
	margin-left:20px;
	margin-top:15px;
}

.left {
float:left;

}

.timer{
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;


}

.text2 {


margin: 20px 20px;
font-size: 20px;
font-weight: bolder;
font-family: 'Open Sans', helvetica;
width: 900px;
height: 30px;
padding: 5px 10px;
text-align: center;
color:#FFF;
border-radius: 15px;
background: #DC117B; }
.foo {

margin:0;
margin-left:-10px;
font-size:25px;
padding:10px;
color:#fff;

}

.ver{

color: #FFCD00;

}

.ver:hover{

color: #114577;

}

#cele{
width: 240px;
height: 50px;
float: right;
background: #0307FF;
margin: 45px -2px;
border-radius: 1em 1em;
box-shadow: 0em 1em 1em -1em #000;
}

#ced {
width: 58px;
height: 50px;
background: #fff;
float: left;
border-radius: 1em 0em 0 1em;
}

.title{

font-family: helvetica;
font-size: 21px;
line-height: 23px;
color: white;
float: right;
margin: 2px 13px;
}

.main {
width: 960px;
margin: 0 auto;
padding: 0 10px;
}

.dg {
height: 87px;
float: left;
width: 250px;
border-radius: 1em;
margin: 20px -548px;
}


.cd {
text-align: right;
font-size: 16px;
font-family: 'helvetica', arial;
margin: -4px 2px;
color: #DF0C78;
width: 265px;
/*background: linear-gradient(to bottom, rgba(221, 221, 232, 0.27) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 51%,rgba(246,246,246,1) 51%,rgba(221, 221, 232, 0.27) 100%);*/
padding: 11px 17px;
height: 21px;
border-radius: 1em 0.5em 1.5em 0em;
line-height: 1.2em;
}