@charset "UTF-8";
/*darkgrey   #404040  #494949 */
/*lightgrey  #999999  #999999 */
/*maincolor  #2C65AE  #AF1822 */
/*highlight  #347CD6  #DD1D2A */

*{
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
	font-size:14px;
}

body{
	text-align:center;
}

img {
	border:none;
}

#wrapper {
	margin:0px auto;
	width:100%;
}

#center{
	width:100%;
	height:auto;
	position:relative;
	background:#FFFFFF;
	overflow-x:hidden;
	overflow-y:auto;
}

header{
	width:100%;
	height:55px;
	position:fixed;
	top:0px;
	left:0px;
	overflow:visible;
	z-index:1;
	background:rgba(0,0,0,0.9);
}

#logo{
	display:inline;
	float:left;
	position:relative;
	width:auto;
	height:40px;
	cursor:pointer;
	top:6px;
	left:40px;
}

#logo img{
	height:100%;
	width:auto;
}

nav{
	display:inline;
	float:right;
	position:relative;
	width:auto;
	height:26px;
	cursor:pointer;
	top:10px;
	right:30px;
}

nav ul{
	width:auto;
	list-style:none;
}

nav ul li{
	float:left;
	display:inline;
	width:175px;
	margin:10px;
	color:#CACACA;
	font-size:16px;
	font-weight:300;
	
	-ms-transition:0.25s ease; /* Firefox 4 */
	-moz-transition:0.25s ease; /* Firefox 4 */
	-webkit-transition:0.25s ease; /* Safari and Chrome */
	-o-transition:0.25s ease; /* Opera */
	transition:0.25s ease;
}

nav ul li:hover{
	color:#347CD6; /*2C65AE*/;
}

footer {
	width:100%;
	height:45px;
	position:relative;
	background:#404040;
	text-align:center;
}

#footerdiv{
	display:inline-block;
	color:#A9A9A9;
	font-size:11px;
	font-weight:300;
	width:auto;
	height:15px;
	margin:12px 5px 0px 5px;
	position:relative;
	top:-5px;
}

#footerdiv span{
	font-size:14px;
	font-weight:400;
}

#footerdiv .red{
	color:#AF1822;
}

.footerimgcontainer{
	display:inline-block;
	width:auto;
	height:22px;
	margin:9px 5px 0px 5px;
	overflow:hidden;
}

.footerimgcontainer img{
	float:left;
	display:inline;
	position:relative;
	top:0px;
	cursor:pointer;
}

section{
	text-align:center;
	padding:30px 20px 20px 20px;
}

#aviso{
	color:#2C65AE;
	cursor:pointer;
}

#aviso:hover{
	color: #347CD6; 
	text-decoration:underline;
}

.square{
	width:92%;
	height:92%;
	background:rgba(255, 255, 255, 0.9);
	position:relative;
	display:inline-block;
	top:3%;
	z-index:1;
	text-align:left;
}

.square h1{
	color:#2C65AE;
	font-size:40px;
	font-weight:600;
	position:relative;
	width:96%;
	left:2%;
	top:2%;
	text-align:left;
}

.square h1 span{
	color:#666666;
	font-size:40px;
	font-weight:600;
}

.texto{
	color:#333333;
	font-size:15px;
	font-weight:300;
	position:relative;
	overflow:hidden;
	width:94%;
	left:3%;
	top:4%;
	height:80%;
	text-align:left;
}

.texto span{
	color:#2C65AE;
	font-size:14px;
	font-weight:300;
}


.texto a{
	color:#2C65AE;
	font-size:13px;
	cursor:pointer;
	text-decoration:underline;
}

#back{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	cursor:pointer;
	position:fixed;
	float:left;
	display:none;
	top:0px;
	left:0px;
	z-index:6;
	visibility:hidden;
	opacity:0;
	
	-ms-transition:0.2s ease; /* Firefox 4 */
	-moz-transition:0.2s ease; /* Firefox 4 */
	-webkit-transition:0.2s ease; /* Safari and Chrome */
	-o-transition:0.2s ease; /* Opera */
	transition:0.2s ease;
}

#infoterms{
	width:94%;
	height:98%;
	background:#FFFFFF;
	position:fixed;
	display:inline-block;
	top:1%;
	left:3%;
	z-index:2;
	
	-ms-transition:0.45s ease; /* Firefox 4 */
	-moz-transition:0.45s ease; /* Firefox 4 */
	-webkit-transition:0.45s ease; /* Safari and Chrome */
	-o-transition:0.45s ease; /* Opera */
	transition:0.45s ease;
}

#info{
	width:90%;
	height:90%;
	background:#FFFFFF;
	position:fixed;
	display:none;
	top:5%;
	left:5%;
	z-index:7;
	visibility:hidden;
	opacity:0;
	
	-ms-transition:0.45s ease; /* Firefox 4 */
	-moz-transition:0.45s ease; /* Firefox 4 */
	-webkit-transition:0.45s ease; /* Safari and Chrome */
	-o-transition:0.45s ease; /* Opera */
	transition:0.45s ease;
}

#infotxt{
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}

#infotxt p{
	color:#333333;
	font-size:14px;
	font-weight:300;
	text-align:left;
	width:94%;
	height:90%;
	margin:10px 3% 15px;
	overflow-x:hidden;
	overflow-y:auto;
}

#infotxt span{
	color:#2C65AE;
	font-size:14px;
	font-weight:300;
}

#infotxt h1{
	margin:2% auto 0px;
	color:#2C65AE;
	font-size:18px;
	font-weight:600;
}

.cerrar{
	background:#2C65AE;
	color:#FFFFFF;
	width:20px;
	height:20px;
	font-size:18px;
	font-weight:800;
	padding:5px;
	position:absolute;
	top:0px;
	right:0px;
	display:inline-block;
	cursor:pointer;
	float:right;
	text-align:center;
}

.cerrar:hover{
	background-color: #347CD6; 
}

.error{
	color:#C60213;
	width:20px;
	height:20px;
	font-size:18px;
	font-weight:800;
}

.formulario{
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
}

.formulario input[type='text'], input[type='password'], input[type='file'], select{
	width:90%;
	height:21px;
	border:1px solid #404040;
	border-radius: 5px;
	font-size:16px;
	font-weight:300;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	padding:4px;
	margin:7px auto;
}

.formulario select{
	height:27px;
	width:92%;
}

.formulario textarea{
	width:90%;
	height:200px;
	border:1px solid #404040;
	border-radius: 5px;
	font-size:16px;
	font-weight:300;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	padding:4px;
	margin:7px auto;
}

.formulario input[type='button'], input[type='submit'], input[type='reset']{
	font-size: 14px;
	color:#FFFFFF;
	width:auto;
	min-width:100px;
	height:30px;
	margin:7px 5% 7px 0%;
	padding:4px;
	border:0px solid #E7E7E7; 
	border-radius: 4px;
	background-color: #2C65AE; 
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	cursor:pointer;
	float:right;
	
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
	transition:0.3s ease;
}

.formulario input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover{
	background-color: #347CD6; 
}

#hintInput{
	text-align:center;
	background-color: #E5CF75; 
	width:auto;
	min-width:150px;
	height:23px;
	margin:5px 5% 5px 0%;
	padding:4px;
	border:0px solid #E7E7E7; 
	border-radius: 4px;
	box-shadow:0px 0px 5px 1px #347CD6;
	display:inline-block;
	z-index:10;
	position:absolute;
	visibility:hidden;
	top:0;
	left:0;
}

#hintInput span{
	font-size: 14px;
	font-weight:600;
	color:#000000;
	display:inline-block;
	width:auto;
	margin:0px 3px 0px 0px
}

#hintInput p{
	font-size: 11px;
	font-weight:300;
	color:#000000;
	display:inline-block;
	width:auto;
	margin:3px 0px 0px 3px
}


#hintInput div{
	font-size: 14px;
	font-weight:600;
	color:#2C65AE;
	display:inline-block;
	width:100%;
	text-align:center;
	margin:5px 0px 0px 0px
}

#hintInput2{
	text-align:center;
	background-color: #E5CF75; 
	width:350px;
	height:65px;
	margin:5px 5% 5px 0%;
	padding:4px;
	border:0px solid #E7E7E7; 
	border-radius: 4px;
	box-shadow:0px 0px 5px 1px #347CD6;
	display:inline-block;
	z-index:10;
	position:absolute;
	visibility:hidden;
	top:0;
	left:0;
}

#hintInput2 span{
	font-size: 12px;
	font-weight:400;
	color:#000000;
	display:inline-block;
	width:auto;
	margin:0px 3px 0px 0px
}


#indexlogo{
	display:block;
	position:relative;
	width:100%;
	height:55%;
	text-align:center;
	margin:0px auto;
	top:40px;
	background: url(../images/logo.png) no-repeat center center;
	background-size: auto 100%;
}

#formaindex{
	width:600px;
	height:auto;
	display:inline-block;
	position:relative;
	top:80px;
	text-align:center;
}

#formareg{
	width:600px;
	height:auto;
	display:inline-block;
	position:relative;
	text-align:center;
}

h1{
	font-size:41px;
	font-weight:300;
	color: #2C65AE; 
}

h2{
	font-size:41px;
	font-weight:300;
	color: #FFFFFF;
}

h3{
	font-size:27px;
	font-weight:300;
	color: #FFFFFF; 
}

h4{
	font-size:27px;
	font-weight:300;
	color: #2C65AE; 
}

h5{
	font-size:16px;
	font-weight:400;
	color: #2C65AE; 
}

h6{
	font-size:16px;
	font-weight:400;
	color: #FFFFFF;
}

h1 div{
	background:#2C65AE;
	color:#FFFFFF;
	font-weight:600;
	height:20px;
	width:20px;
	text-align:center;
	position:relative;
	border:2px solid;
	border-color:#2C65AE;
	border-radius:50%;
	display:inline-block;
	float: right;
	right: 30px;
	cursor:pointer;
}

h1 div:hover{
	background:#347CD6;
	border-color:#347CD6;
}

#inicio{
	width:100%;
	height:750px;
	background-size:100% auto;
	background:url(../images/bw_lab_c.jpg) center center no-repeat;
	padding:0px;
}

#servicios{
	width:100%;
	height:650px;
	background:url(../images/pattern.png) repeat;
}

#planes{
	width:100%;
	height:600px;
	background:#FFFFFF;
	position:relative;
}

#contacto{
	width:100%;
	height:600px;
	background:#404040;
}

#precio{
	width:100%;
	height:500px;
	background-size:100% auto;
	background:url(../images/bw_geo.jpg) center center no-repeat;
}

.textsection{
	margin:20px auto;
	width:90%;
	height:auto;
}

#formamail{
	max-width:900px;
	color:#FFFFFF;
}

.textinicio{
	text-align:left;
	top: 200px;
	left: 10%;
	width: 80%;
	height: auto;
	position: relative;
	text-shadow:#000000 1px 1px 3px;
	
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
	transition:0.3s ease;
}

.textinicio div{
	font-size:16px;
	font-weight:500;
	color: #FFFFFF;
	margin:100px 0px 0px 0px;
	display:inline;
	width:45%;
	float:right;
}

.textinicio div span{
	font-size:22px;
	font-weight:600;
	color: #FFFFFF;
	margin:7px auto;
	display:inline-block;
}

.textinicio div input[type='button']{
	height:36px;
	box-shadow:#000000 2px 2px 2px;
}

.textinicio ul{
	font-size:14px;
	font-weight:600;
	color: #FFFFFF;
	margin:70px 0px 0px 15px;
	list-style:none;
	display:inline;
	width:42%;
	float:left;
}

.textinicio ul li{
	margin:3px 5px;
}

.textinicio ul li:before{
	/*list-style:‣ /*&#8227*/ 
	/*list-style:✓ /*&#10003*/ 
	content:"\00a0";
	display:inline-block;
	width: 2px;
	height: 8px;
	border: solid #FFFFFF;
	border-width:0px 1px 2px 0px;
	margin:2px 9px;
	 
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}

#introfunciona{
	font-size:14px;
	font-weight:300;
	color: #000000;
	margin:50px 0px 0px 0px;
	display:inline;
	width:100%;
	float:left;
	text-align:left;
}

#introfunciona p{
	width:42%;
}

#infofunciona{
	font-size:14px;
	font-weight:300;
	color: #000000;
	margin:50px 0px 0px 0px;
	display:inline;
	width:28%;
	float:left;
	text-align:center;
	border-top:2px solid #2C65AE;
	
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
	transition:0.3s ease;
}

#infofunciona p{
	font-size:14px;
	width:84%;
	height:100%;
	opacity:0;
	text-align:left;
	margin:25px auto 0px;
	
	-ms-transition:0.25s ease; /* Firefox 4 */
	-moz-transition:0.25s ease; /* Firefox 4 */
	-webkit-transition:0.25s ease; /* Safari and Chrome */
	-o-transition:0.25s ease; /* Opera */
	transition:0.25s ease;
}

#graficafunciona{
	font-size:14px;
	font-weight:300;
	color: #000000;
	margin:0px;
	display:inline;
	width:698px;
	height:400px;
	float:right;
	text-align:left;
	position:relative;
}

.linea{
	height:0px;
	width:0px;
	display:inline-block;
	position:relative;
	border:2px dashed #404040;
	
	transition:0.3s ease;
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
}

.linea2{
	height:0px;
	width:0px;
	display:inline-block;
	position:relative;
	border:2px dashed #404040;
	
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
	transition:0.3s ease;
}

.linea3{
	height:0px;
	width:0px;
	display:inline-block;
	position:relative;
	border:2px dashed #404040;
	
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
	transition:0.3s ease;
}

.grafo{
	background-color: #2C65AE;
	height:90px;
	width:90px;
	font-size:14px;
	font-weight:300;
	color: #000000;
	border-radius:30%;
	cursor:pointer;
	display:inline-block;
	position:relative;
	
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
	transition:0.3s ease;
}

.grafo:hover{
	border-radius:20%;
	background-color: #347CD6;
	
	-webkit-transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
}

.grafo img{
	width:46px;
	height:46px;
	margin:22px;
}

#graphlab{
	top:0px;
	left:80px;
}

#graphcla{
	top:160px;
	left:-15px;
}

#graphdbs{
	top:70px;
	left:120px;
}

#graphprr{
	top:240px;
	left:30px;
}

#graphcli{
	top:160px;
	left:200px;
}

#regnow{
	font-weight:400;
	color: #2C65AE;
	cursor:pointer;
	text-decoration:underline; 
}

#formareg a{
	font-weight:400;
	color: #2C65AE;
	cursor:pointer;
	text-decoration:underline;
}

#formareg p{
	float:left;
}

#menuservicios{
	width:140px;
	height:15px;
	margin:10px auto;
	position:relative;
	bottom:5px;
	text-align:center;
}

.menuservice{
	border:1px solid #2C65AE;
	border-radius:50%;
	height:12px;
	width:12px;
	cursor:pointer;
	display:inline-block;
	background-color:#FFFFFF;
	margin:0px 4px;
}

.menuservice:hover{
	background-color:#2C65AE;
}

#serviciosmascara{
	width:100%;
	height:480px;
	overflow:hidden;
	position:relative;
}

#serviciosmovil{
	width:500%;
	height:480px;
	position:relative;
	top:0px;
	left:0px;
	
	-ms-transition:0.45s ease; /* Firefox 4 */
	-moz-transition:0.45s ease; /* Firefox 4 */
	-webkit-transition:0.45s ease; /* Safari and Chrome */
	-o-transition:0.45s ease; /* Opera */
	transition:0.45s ease;
}

.servicio{
	width:20%;
	height:100%;
	display:inline;
	float:left;
	overflow:hidden;
	text-align:left;
}

.parrafo{
	width:38%;
	padding:15px;
	display:inline;
	float:left;
	font-size:14px;
	font-weight:300;
	color: #000000;
	text-align:letf;
}

.parrafo b{
	font-size:14px;
	font-weight:600;
}

.imgsserv{
	width:48%;
	padding:0px;
	display:inline;
	float:right;
}

.imgsserv img{
	position:relative;
	top:-20px;
	display:block;
	float:left;
	
	-ms-transition:0.3s ease; /* Firefox 4 */
	-moz-transition:0.3s ease; /* Firefox 4 */
	-webkit-transition:0.3s ease; /* Safari and Chrome */
	-o-transition:0.3s ease; /* Opera */
	transition:0.3s ease;
}