/*@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow|Alegreya+Sans|Telex);*/
@import url(http://fonts.googleapis.com/css?family=Poiret+One|Dosis|Raleway:400,300);
/*font-family: 'Alegreya Sans', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Telex', sans-serif;*/
body{
	background:white;
	color:black;
	font-size:14px;
	font-family: 'Raleway', sans-serif;
	font-weight:normal;	
	padding:0;
	text-align:center;
	width:100%;
}
#botonesenlace .whatsapp{
	background:#01E675!important;
	border-radius: 50%;
	color:white;
	margin:0 0 0 0.5em;
	padding:0.5em 0.7em;
	text-align:center;
}

#btn_top:hover{
	cursor: pointer;
}

.center, #bienvenidad{
	margin:0 auto;
	width:75%;
}
.linear{
	display:inline-block;
	vertical-align:top;
}
/**CINTILLO OPINIONES***/
#opiniones{
	background:white;
	margin:0 auto;
	margin-top:1em;
	margin-bottom:0em;
	width:100%;
	height:auto;
}
.estrella{
	display:inline-block;
	margin:0 0.3em 0 0;
	vertical-align:top;
	width:10%;
	transition: 1s all ease;
}
.estrella:hover{
	transform:rotate(360deg) scale(1.4,1.4);	
}
#op_1{
	display:inline-block;
	vertical-align:top;
	width:38%;
}
#op_2{
	display:inline-block;
	text-align:left;
	vertical-align:top;
	width:60%;
}
#op_2 h3{
	font-size:2em;
	margin:0;
}
#op_2 h6{
	font-size:1em;
	margin:0;
}
/**************************HEADER*******************************************/
header{
	/*background:linear-gradient(90deg, #333 10%, #e6e6e6, #333 50%);*/
	background:#333;
}
#logo{
	margin:1em 0;
	text-align:left;
	vertical-align:bottom;
	width:40%;	
}
#logo img{
	width:70%;
}
#enlaces{
	margin:1em 0;
	text-align:right;
	width:59%;
}
#pais{
	background:/*url(../img/flecha.png) no-repeat,*/ #425160;
	background-position:right center;
	background-size:35%, 5%;
	border:none;
	border-radius:0.3em;
	color:white;
	display:inline-block;      
	font-size:0.9em;
	margin: 0;
	padding: 4px 3px 3px 5px;
	outline:none; /* remove focus ring from Webkit */
	line-height: 1.2;     
	vertical-align:top;
	width:10%;
}
#bv{
	background-image:url(../img/bvenezuela.png) no-repeat;
	background-position:right center;
	background-size:20%;
}
#infocontacto{
	margin-top:1em;
	text-align:left;
	vertical-align:bottom;
	width:54%;
}
#infocontacto > label, .desde{
	color:#ABCF37;
}
#infocontacto > strong, .desdetel{
	color:white;
	font-family: tahoma;
	font-size:1.9em;
	font-weight:normal;
}
#botonesenlace{
	vertical-align:bottom;
	width:55%;
}
.boton, .botonregistro{
	border-radius:0.3em;
	color:white;
	display:inline-block;
	margin:0 0 0 0.5em;
	padding:0.3em 1em;
	text-align:center;
	text-decoration:none;
	width:5em;	
}
#verde{			
	background:linear-gradient(180deg,  #efeeee , white 50%);
	color:#333!important;
}
#verde:hover{	
	background:#ccc;
}
#azul{		
	background:linear-gradient(180deg,  #d5e882 , #a2c600 50%);
	color:white!important;
}
#azul:hover{
	background:#90b003;
}
#emergencia{
	color:white;	
	display:inline-block;
	font-size:1.5em;
	font-family:tahoma;
	margin:0;
	padding:0;	
	vertical-align:top;
}
#emergencia span{
	color:#ABCF37;
	display:block;
	font-size:0.7em!important;
	font-weight:bold;
	margin:-0em 0 0 0;
	padding:0;
}
#emergencia strong{
	display:block;
	font-size:0.7em!important;
	margin-top:-0.1em!important;	
	padding:0;
}
#emergencia img{
	margin:0em 0.3em -0.5em 0;	
	padding:0;
	width:15%;
}
/****************************MENU*******************************/
#menusuperior{
	display:inline-block;      
	margin:0;
	padding:0;
	vertical-align:top;
	width:88%;
}
#menusuperior ul{
	margin:0;
	padding:0;
}
#menusuperior ul li{
	display:inline-block;
	vertical-align:top;
	margin-left:0.5em;
}
#menusuperior ul li a{	
	color:white;
	display:block;	
	font-size:0.9em;
	text-decoration:none;
}
#home{
	margin-right:-1em;
}
#home img{
	width:60%;
	vertical-align:middle;
}
#menuinferior{	
	background:linear-gradient(180deg,  #fff, #becbd3 80%);
	padding-bottom:0.2em;
	text-align:left;
	width:100%;
}
#menuinferior ul{
	height:auto;
	margin:0.5em auto;
	padding:0;	
	width:75%;
}
#menuinferior ul > li{
	display:inline-block;
	vertical-align:top;
	margin-left:1em;
	vertical-align:middle;
}
#menuinferior ul li a{		
	color:#333333;
	display:block;	
	font-size:1em;
	text-decoration:none;
	text-shadow: -1px 0 white, 0 1px #efeeee,1px 0 #b3b3b3, 0 -1px #b3b3b3;
}
#menuinferior ul li a:hover{
	color:#abcf37;
	
}
/*Primer nivel*/	
#menuinferior ul li ul {
	display:none;
	margin:0;
	min-width:150px;
	padding:1em 0 0 0!important;
	position:absolute;
	width:150px;
	z-index:9997;
}
#menuinferior ul li ul li{
	background:#333;
	text-shadow:none!important; 	
	border-bottom:1px solid #fff;
	border-left:2px solid #fff;
	border-top:1px solid #fff;
	display:inline-block!important;
	margin:0;
	min-width:150px;
	padding:0.5em 0;
	vertical-align:top!important;
	width:150px;
}
#menuinferior ul li ul li a{
	color:white;
	text-shadow:none!important; 
}
#menuinferior ul ul li ul {
	right:-150px;
	top:0;
	width:150px;
}

#menuinferior ul li:hover > ul {
	padding:0.3em 0.2em;
	display:block;
}

#activo a{
	color:#abcf37;
}
/***************************FIN MENU************************************/
/***************************CUERPO*************************************/
/***TOP****/
#cuerpotop{
	background:linear-gradient(180deg,  #fff 70%, #e6e6e6 100%);
	width:100%;
}
/**SILIDER 2**/
#mod_opi{
	list-style-type: none;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
#mod_opi li{
	margin:0;
	padding:0;
	
	width:100%; /*<----- AQUI -->*/
}

/***SLIDER*****************/
#slider{
	background: transparent;
	/*box-shadow:0px 10px 10px 0px rgba(48, 50, 50, 0.25);*/
	height:345px;
	margin:0 auto;  	
	margin-top:2em;
	padding:0;
	width:75%;	
}
#sombra{
	margin:1em 0 0 0!important;
}
#slider ul{	
	list-style-type: none;
	margin:0;
	padding:0;
	width:100%;
}
#slider ul li{
	margin:0;
	padding:0;
	position:absolute;
	width:75%; /*<----- AQUI -->*/
}
#slider ul li img{
	margin:0;
	padding:0;
	width:100%;
	z-index:1;
}
#contslider{
	background:rgba(0,0,0,0.0);
	bottom:1%;
	color: #fff;
	font-weight: normal;	
	height:99%;
	left:0;
	padding:0;
	position: absolute;
	margin:0;	
	text-align:left;
	width: 35%;
}
#contslider h2{
	color:#abcf37;
	font-size:2.5em;
	font-weight:bold;
	margin:1em 0.5em 0 0;
	text-shadow: 0 0 0.2em #e6e6e6;
}
#contslider p{
	color:#999;
	font-size:1.5em;
	margin:0.5em 1em 0 0;
}
/**FIN SLIDER**************/
#bienvenidad{
	margin-top:3em;
	text-align:left;
}
h1{
	color:#5c5c5c;
	font-weight:bold;
	font-size:1.7em;
	margin:0;
	padding:0;
}
#bienvenidad hgroup h3{
	color:#999;
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	padding:0;
}
	
.parrafo{
	color:#999;
	font-size:1em;
	padding-bottom:1.5em;
	text-align:justify;
}
/************/
/*MEDIO***/
#cuerpomedio{
	background:white;
	padding:2em 0;
	width:100%;
}
.varios{
	display:inline-block;	
	margin:0 0 1.5em 0;
	padding:1em;
	text-align:left;
	vertical-align:top;
	width:28%;
}
.varios:hover{
	background:linear-gradient(180deg,  #fff 70%, #e6e6e6 100%);
	border-radius:0 0 1em 1em;
	cursor:pointer;
}
#variosmedio, #medio{
	margin:0 2em;
}
.varios > img{
	display:inline-block;
	vertical-align:top;
	width:43%;
}
.varios > hgroup{	
	display:inline-block;
	margin-left:1em;
	vertical-align:top;
	width:48%;
}
.linkmas{
	text-decoration:none;
}
.varios > hgroup h2{
	color:#abcf37;
	font-family: 'Raleway', sans-serif;
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	text-align:left;
	vertical-align:top;
}
.varios > #azul, .varios > #verde{
	margin:1em 0 0 0!important;
	width:7em!important;
}
.varios > footer{
	color:#333;
	font-size:1em;
	margin-top:1em;
	text-align:justify;
}
.resaltarp{
	color:#5C5C5C;
	font-size:1em;
	font-weight:bold;
	margin:0 auto;
	margin-bottom:1.5em;
	padding-bottom:3em;
	text-align:center;
	width:70%;
}
/***ASIDE LINEALES***/
aside.asidelineales{
	display:inline-block;
	margin:0 0.2em 0.5em 0;
	vertical-align:top;
	letter-spacing: -0.3em; 
	text-align:left;	
}
#videos{
	color:#4d4d4d;
	font-size:0.95em;
	width:59%;
	letter-spacing: normal; 	
}
#videos iframe{
	width:530px;
	height:290px;
}
#twis{
	background:white;
	height:290px;
	width:350px;
	letter-spacing: normal; 
	font-size:0.5em!important;
}
/****BOTTOM***********/
#cuerpobottom{
	background:linear-gradient(180deg,  #e6e6e6 20%, #fff 60%);
	margin:0 auto;
	margin-top:1em;
	margin-bottom:2em;
	width:100%;
}
.news{
	display:inline-block;
	margin-top:2em!important;
	padding:0;
	text-align:left;
	vertical-align:top;
	width:31.5%;
}
.news:first-child{
	vertical-align:top;
	width:28%;
}
.titulos{
	color:#5C5C5C;
	font-weight:bold;
	font-size:1.7em;
	margin:0;
	padding:0;
}
.resaltarazul{
	color:#5C5C5C;
	font-weight:bold;
}
.news > hgroup{
	margin:0;
	padding:0;
}
.news > hgroup h6{
	color:#084469;
	font-weight:normal;
	font-size:0.8em;
	margin:0;
	padding:0;
}
.news > hgroup h5{	
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:0;
}
.news > hgroup h5 a{
	color:#abcf37;
	text-decoration:none;
}
.news > hgroup h5 a:hover{
	text-decoration:underline;
}
.news > p{
	color:#666666;
	font-size:0.9em;
}
/*****PIE************/
/* #e6e6e6, #808284  */
#pie{
	/*background:linear-gradient(45deg, #5c5c5c 10%, #e6e6e6 50%, #5c5c5c 100%);	*/
	background:#333;	
	width:100%;
}
#pie .center > article{
	display:inline-block;
	margin:2em 0!important;
	padding:0 1em 0 0!important;
	text-align:left;
	vertical-align:top;
	width:21.5%;
}
#unico{
	width:26%!important;
}
.titulopie{	
	/*color:rgb(154,182,202);*/
	color:#abcf37;
	font-size:1em;
	font-weight:600;
	margin:0 0 0.7em 0;
	padding:0;
}
#pie .center > article ul{
	margin:0;
	padding:0;
}
#pie .center > article ul li{
	list-style:none;
}
#pie .center > article ul li a{
	color:white;
	font-size:0.9em;
	text-decoration:none;
}
#pie .center > article ul li a:hover{
	color:#7d8996;
	text-decoration:underline;
}
#unico > aside{
	display:inline-block;
	vertical-align:top;
	width:83%;
}
#unico > aside:first-child{
	text-align:left;
	width:15%;
}
#unico > aside p{
	color:white;
	font-size:0.9em;
	margin:0;
	padding:0;
	
}
input[type="email"]{
	margin-bottom:0.5em;
	padding:0.3em;
	width:93%;
}
/**************/
/*******Flotante*****/
#formflotante{
	width:600px;
	height:250px;	
	position:fixed;
	right:-495px;
	bottom:270px;	
	transition:all 1s ease;
	z-index:9997;
}
#pestana{
	background:#abcf37;
	border-radius: 0.3em 0 0 0.3em;
	color:white;
	display:inline-block;
	font-size:1.2em;
	font-weight:bold;
	/*height:80px;*/
	margin:0;
	padding: 0.6em 0.7em;
	text-align:right;
	vertical-align:middle;
}
#pestana:hover{
	cursor:pointer;
}
.tituloempresa{
	background:#333;
	/*color:rgb(154,182,202);*/
	color:white;
	font-weight:normal;
	font-size:1.1em;
	margin:0;
	padding:0.5em;
	width:78%!important;
}
.tituloempresa > strong{
	color:white;
}
strong#res{
	font-size:0.9em;
	font-weight:normal;
	color:white;
}
#secform{
	margin-left:-5px;
	background:rgba(230,230,230,0.9);	/*<---------*/
	border-radius:0.5em;
	display:inline-block;
	height:510px;
	vertical-align:middle;
	width:400px;	
	text-align:left;
	padding:1.5em;
	z-index:9998;
}
#secform h2{
	background:rgb(70,127,196);	
	border-radius:0.5em 0.5em 0 0;
	color:black!important;
	font-size:1.3em;	
	margin:0;
	padding:0.5em;
	text-align:left;
	text-transform:uppercase;
	width:78%;
}
#cerrarflotante{
	background:#425160;	
	color:white;
	padding:0.2em 0.5em 0.2em 0.5em ;
	font-size:1em;
	font-family:tahoma;
	font-weight:normal;
	position:absolute;
	text-transform:uppercase;
	text-decoration:none;
	top:10;
	left:455px;
	text-align:center;	
}
#cotizar{
	margin:0;
	padding:0x;
	width:85%;	
	resize:none;
}
input[type=text], input[type=number], input[type=email],select, textarea{
	background:-webkit-linear-gradient(top, #ffffff, #efeeee);
	background:-moz-linear-gradient(top, #ffffff, #efeeee);
	background:-o-linear-gradient(top, #ffffff, #efeeee);
	border:1px solid #b3b3b3;
	font-size:1em;
	font-family:tahoma;
	margin:0 0 0.4em 0;
	padding:5px;
	width:93%;	
	resize:none;
}
input[type=submit]{	
	/*background:linear-gradient(180deg,  #abcf37 , #0678b7 50%);*/
	background:linear-gradient(180deg,  #d5e882 , #a2c600 50%);
	border-radius:0.3em;
	border:0;
	color:white;
	display:inline-block;
	margin:0;
	padding:0.3em 1em;
	text-align:center;
	text-decoration:none;
	width:6em;
}
input[type=submit]:hover{	
	background:#90b003;
}
textarea{
	height:80px;
}
/****Fin flotantan*****/
/***slider telefono******/
.contener_slideshow
{
  width:100%;
  height:60px;
  overflow: hidden;
  position: relative;
  background-image: url(https://4lotrack.com/css/YOUR-URL-IMAGE.png);
}
.slid_1, .slid_2, .slid_3
{
  position: absolute;
  width:100%;
  height:60px
}
.slid_1{left: 0;}
.slid_2{left: 100%;}
.slid_3{left: 200%;}
.contener_slide
{
  width: 500px;
  height:60px;
  left:0px;
  position: absolute;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name: anim_slide;
  -moz-animation-duration: 20s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-name: anim_slide;
  -ms-animation-duration: 20s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-name: anim_slide;
  animation-duration: 20s;
  animation-iteration-count:infinite;
  animation-name: anim_slide;
}
@-webkit-keyframes anim_slide 
{
  0% {left:0px;}
  19% {left:0px;}  
  53% {left:-500px;}
  78% {left:-1000px;}
  90% {left:-1000px;}
}
@-moz-keyframes anim_slide 
{
  0% {left:0px;}
  19% {left:0px;}  
  53% {left:-500px;}
  78% {left:-1000px;}
  90% {left:-1000px;}
}
@-ms-keyframes anim_slide 
{
 0% {left:0px;}
  19% {left:0px;}  
  53% {left:-500px;}
  78% {left:-1000px;}
  90% {left:-1000px;}
}
@keyframes anim_slide 
{
  /*
  0% {left:0px;}
  22% {left:0px;}  
  66% {left:-500px;}
  90% {left:-500px;}
  */
  
   0% {left:0px;}
  19% {left:0px;}  
  53% {left:-500px;}
  78% {left:-1000px;}
  90% {left:-1000px;}
}
/********************/
/******DISPOSITIVOS MOBILES*********/
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:1024px){
	#botonesenlace{
		vertical-align:bottom;
		width:65%;
	}
	.center, #bienvenidad{
		margin:0 auto;
		width:85%;
	}
	#menusuperior{
		width:89%;
	}
	#menusuperior ul li{
		margin-left:0.3em;
	}
	#menusuperior ul li a{	
		font-size:0.85em;
	}
	#menuinferior ul{
		height:auto;
		margin:0.5em auto;
		padding:0;	
		width:85%;
	}
	#home img{
		width:55%;
		vertical-align:middle;
	}
	#slider{
		background:transparent;
		height:320px;
		width:85%;	
	}
	#slider ul li{
		width:85%;
	}
	.varios{
		width:28%;
	}
	#variosmedio, #medio{
		margin:0 1.5em;
	}
	#videos{
		width:57%;
	}
	#videos iframe{
		width:470px;
		height:290px;
	}
	#twis{
		width:330px;
	}
	#pestana{
		/*
		height:70px;
		margin:0;
		padding:1.3em 1em 0 0.9em;
		width:70px;
		*/
	}
	#formflotante{	
		height:220px;	
	}
	#contslider h2{
		font-size:2.2em;
		margin:0.8em 0.5em 0 0;
	}
	#contslider p{
		font-size:1.4em;
		margin:0.5em 1em 0 0;
	}
	h1{
		font-weight:normal;
		font-size:1.6em;
	}
	#bienvenidad hgroup h3{
		font-size:1em;
	}
	.varios > hgroup h2{
		font-size:1.3em;
		font-weight:300;
	}
	.boton{
		width:6em;	
	}
}
@media only screen and (max-width:800px){
	#botonesenlace{
		width:100%;
	}
	body{
		font-size:13px;
	}
	#logo{
		margin:1em 0;
		text-align:left;
		vertical-align:bottom;
		width:32%;	
	}
	#logo img{
		width:75%;
	}
	#enlaces{
		width:66%;
	}
	#pais{
		font-size:0.8em;
		width:11%;
	}
	#menusuperior{
		width:88%;
	}
	#menusuperior ul li{
		margin-left:0.2em;
	}
	#menusuperior ul li a{	
		font-size:0.8em;
		font-weight:normal;
	}
	#infocontacto > strong{
		font-size:1.7em;
		font-weight:normal;
	}
	#menuinferior ul li{
		margin:0 0.2em;
	}
	#home img{
		width:50%;
		vertical-align:middle;
	}
	#menuinferior ul li a{		
		font-size:0.9em;
	}
	#menuinferior ul li ul {
	min-width:135px;
	width:135px;
	}
	#menuinferior ul li ul li{
		min-width:135px;
		width:135px;
	}
	#menuinferior ul ul li ul {
		right:-135px;		
		width:135px;
	}
	#slider{
		height:237px;
		width:85%;	
	}
	#slider ul li{
		width:85%;
	}
	#contslider h2{
		font-size:2em;
		margin:0.7em 0.5em 0 0;
	}
	#contslider p{
		color:#4d4d4d;
		font-size:1.3em;
		margin:0.5em 1em 0 0;
	}
	h1{
		font-weight:normal;
		font-size:1.5em;
	}
	#bienvenidad hgroup h3{
		font-size:1em;
	}
	.varios{
		width:27.5%;
	}
	#variosmedio, #medio{
		margin:0 1em;
	}
	.varios > hgroup h2{
		font-size:1.2em;
		font-weight:300;
	}
	#videos{
		width:55%;
	}
	#videos iframe{
		width:350px;
		height:290px;
	}
	#twis{
		width:250px;
		height:290px;
	}
	.titulos{
		color:#5C5C5C;
		font-weight:normal;
		font-size:1.4em;
		margin:0;
		padding:0;
	}
	.boton, .botonregistro{
		font-size:0.9em;	
	}
	#formflotante{	
		height:200px;	
	}
}