@charset "utf-8";
/* CSS Document */
* {
	padding:0px;
	margin:0px;
}
body {
	background-color:#333;
}
.header, .content, .footer, .Servicios, .Noticia, .ComoFunciona, .Formulario, .Login {
	width:100%;
	overflow:hidden;
}
/*****HEADER********/
.header {
	border-top:1px solid #06F;
	padding-top: 5px;
	height:80px;
	background-color:#FFF;
}
.logo_header {
	width:150px;
	float:left;
}
.login {
	float: right;
}
.login_form {
	width:500px;	
	margin:auto;
}
::-webkit-input-placeholder {
   color: #666;
}

:-moz-placeholder { /* Firefox 18- */
   color: #666;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}

:-ms-input-placeholder {  
   color: #666;  
}
.login_form select, .login_form input {
	border:1px solid #DDD;
	border-radius:3px;
	width:214px;
	margin:5px;
	font-size:12px;
	background-color:#FFF;
	padding:10px;
}
.login_form select {
	width:485px;
	color:#666;
}
.login_form .boton, #Pagos .boton_contact {
background: #78fc76; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4ZmM3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMWZjNjhjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYjI1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #78fc76 0%, #1fc68c 8%, #00b250 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78fc76), color-stop(8%,#1fc68c), color-stop(100%,#00b250)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #78fc76 0%,#1fc68c 8%,#00b250 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #78fc76 0%,#1fc68c 8%,#00b250 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #78fc76 0%,#1fc68c 8%,#00b250 100%); /* IE10+ */
background: linear-gradient(to bottom,  #78fc76 0%,#1fc68c 8%,#00b250 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78fc76', endColorstr='#00b250',GradientType=0 ); /* IE6-8 */
border:1px solid #3d8b5f;
	text-shadow: 1px 1px 1px #307c51;
	float:right;
	cursor:pointer;
	font-weight:bold;
	width:70px;
	height:40px;
	color:#FFF;	
}	
.menu {
	float:right;
	color:#666;
	font-size:12px;
	margin-top:10px;
}
.menu a {
	text-decoration:none;
	color:#666;
}
.menu a:hover {
	color:#06F;
}
.menu li {
	display:inline;
	margin:5px;
}
.selected {
	background-color: #06F;
	border-top:2px solid #0040F0;
	padding:5px;
	border-radius:3px;
	
}
.selected a {
	color:#FFF;
}
.selected a:hover {
	color:#FFF;
}

/*****HEADER********/
/*****CONTENT*******	*/
.content {
	padding-top:10px;
	/* padding-bottom:10px; */
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#E9E9E9;
	-webkit-box-shadow:inset 0 3px 10px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 3px 10px 0 rgba(0,0,0,0.1);
}

/*****FOOTER********/
.footer {
	height:106px;
	background-color:#E9E9E9;
	border-top:1px solid #FFF;
	outline:1px solid #E9E9E9;
	padding: 20px 0px 20px 0px;
	margin: 20px 0px 20px 0px;
}
.centrar {
	margin:auto;
	width:1000px;
	overflow:hidden;
}
.partner {
	width:166px;
	height:106px;
	float:left;
	background-repeat:no-repeat;
	background-size:contain;	
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#partner1 {
	background-image:url(../images/partners/1.png);
}
#partner2 {
	background-image:url(../images/partners/2.png);
}
#partner3 {
	background-image:url(../images/partners/3.png);
}
#partner4 {
	background-image:url(../images/partners/4.png);
}
#partner5 {
	background-image:url(../images/partners/5.png);
}
#partner6 {
	background-image:url(../images/partners/6.png);
}
#partner1:hover {
	background-image:url(../images/partners/1_hover.png);
}
#partner2:hover {
	background-image:url(../images/partners/2_hover.png);
}
#partner3:hover {
	background-image:url(../images/partners/3_hover.png);
}
#partner4:hover {
	background-image:url(../images/partners/4_hover.png);
}
#partner5:hover {
	background-image:url(../images/partners/5_hover.png);
}
#partner6:hover {
	background-image:url(../images/partners/6_hover.png);
}
.footer2 {
	padding-top:5px;
	background-color:#4A93FF;
	border-top:1px solid #FFF;
	overflow:hidden;
	border-bottom:1px solid #C3C3C3;
	-webkit-box-shadow:inset 0 3px 10px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 3px 10px 0 rgba(0,0,0,0.1);
	margin-bottom:10px;
}
.footer2 p {
	text-align:center;
	font-size:14px;
	color:#FFF;
	float:left;
	
}
.footer2 a {
	color:#FFF;
}
.validator {
	float:right;
}
.validator img{
	width:70px;
}
/***********contacto**********/
.contact {
	width:600px;
	margin:auto;
}
h1 {
	text-transform:uppercase;
}
b {
	color:#222;
}
.contact_title{
	color:#444;
	text-align:center;
}
.contact input,.contact textarea {
	width:270px;
	margin:2px;
	padding:10px;
	border:1px solid #DDD;
	background-color:#FFF;
	border-radius:2px;
}
.contact textarea {
	width:570px;
	height:100px;
	resize:none;
}
.contact p {
	padding:5px;
	color:#444;
	font-size:14px;
}
.contact table {
	width:600px;
}
.contact .boton_contact {
	background: #78fc76; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4ZmM3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMWZjNjhjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYjI1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #78fc76 0%, #1fc68c 8%, #00b250 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78fc76), color-stop(8%,#1fc68c), color-stop(100%,#00b250)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78fc76 0%,#1fc68c 8%,#00b250 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78fc76 0%,#1fc68c 8%,#00b250 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78fc76 0%,#1fc68c 8%,#00b250 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78fc76 0%,#1fc68c 8%,#00b250 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78fc76', endColorstr='#00b250',GradientType=0 ); /* IE6-8 */
	border:1px solid #3d8b5f;
	text-shadow: 1px 1px 1px #307c51;
	
	cursor:pointer;
	font-weight:bold;
	width:100px;
	color:#FFF;
	float:right;	
}
/***********soluciones web***************/
.iList {
	font-size:22px;
	color:#333;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #FFF;
	list-style-image:url(../images/check_mark.png);
	list-style-position:inside;
}
.iListOff {
	margin:2px;
	padding:5px;	
}
.iList li a {
	text-decoration:none;
	color:#333;
}
.iListOn, .iListOff:hover{
	border:1px solid #666;
	outline:1px solid #FFF;
	padding:4px;
	background-color:rgba(153,153,153, 0.2);



	-webkit-box-shadow:inset -3px 2px 10px 0 rgba(0,0,0,0.2);
	box-shadow:inset -3px 2px 10px 0 rgba(0,0,0,0.2);
}
#area {
/*	border:1px solid #000;*/
	width:550px;
	height:450px;
	right:0px;
	position:absolute;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
	border:1px solid #CCC;	
}
#area div {
	padding:20px;
	overflow:hidden;
	display:none;
}
#area p {
	color:#000;
}
/*************SEO*************/
.seo_text {
	margin-top:20px;
	height:200px;
}
.seo_text p{
	text-align:center;
	font-size:18px;
	color:#333;
}
.seo_text a {
	text-decoration:none;
	color:#333;
}
.seo_text a:hover {
	color:#06F;
}
.seo {
	color:#00336A;
	text-align:center;
	font-size:70px;
	background-color:#00a0ea;
}
.pos_web {
	text-align:center;
	color:#00a0ea;
	background-color:#00336A;
}

.Servicio {
	width:210px;
	float:left;
	background:#FFF;
	margin:10px;
	padding:10px;
	height:200px;
	border-radius:5px;
	background-size:cover;
	overflow: hidden;
	cursor:pointer;
}
.Servicio h1 {
	text-align:center;
	font-size:20px;
	/* margin-bottom:15px; */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(../images/bg_Servicios.png);
}
.Servicio p {
	text-align:center;
	font-size:14px;
	display:none;
	background-image:url(../images/bg_Servicios.png);
	width: 100%;
	height: 200px;
	padding-top: 15px;
}
.Noticia {
	margin:20px 0px 20px 0px;
	background-color:#E9E9E9;
	padding: 40px 0px 40px 0px;
}
.Noticia .Imagen{
	width:400px;
	height:250px;
	float:left;
	margin-right:20px;
}

.Noticia p, .Noticia ul {
	text-align:justify;
	font-size:14px;
}
.Noticia ul {
	margin:20px;	
}
.Noticia li {
	list-style-position:inside;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}

.Formulario {
	margin: 20px 0px 20px 0px;
	padding: 20px 0px 20px 0px;
	width:100%;
}
.Login {
	width:100%;
	margin-top: 20px;
	padding: 20px 0px 20px 0px;
	background-color:#E9E9E9;
}
.ComoFunciona img {
	width:100%;
}
.lateral {
	width: 300px;
	float: left;
	background-color: #DDD;
	padding: 20px;
	margin: 20px 20px 20px 0px;
	border-radius: 10px;
	height: 500px;
	text-align:center;
}
.principal {
	width:600px;
	float:left;
}
#Pagos input {
	width:100%;
	padding:5px 0px 5px 5px;	
}
.check, .rad {
	padding:0px!important;
	margin:0px!important;
	width:30px!important;
	float:none;
}
#Pagos table{
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444;
}
#Pagos table td{
	width:300px;
	padding:10px;
}
.PaquetesWeb {
	overflow:hidden;
}
.PaquetesWeb .centrar{
	width: 1000px;
	overflow: hidden;
}
.PaqueteWeb {
	float:left;
	margin: 15px;
	width:300px;
	height: 400px;
	border-radius:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ebebeb 100%); /* FF3.6-15 */
	background: -webkit-radial-gra
dient(center, ellipse cover,  #ffffff 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: 0 0 20px 0 #c1c1c1;
	box-shadow: 0 0 20px 0 #c1c1c1;
	/*border:1px solid #c1c1c1*/
	position:relative;
}
.tituloPaqueteWeb {
	text-align:center;
	color:#fff;
	padding: 35px 30px 22px 30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	background-size:contain;
	background-position:0px 0px;
	height:50px;
}
.textoPaqueteWeb {	
	padding:5px 20px 20px 20px ;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
.textoPaqueteWeb p{
	text-align:center;
}
.textoPaqueteWeb ul {
	margin:10px;
}
h1, h2 {
	font-family: 'PT Sans', sans-serif;
}
.PaqueteWeb a{
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	background-image:url(../images/PaquetesWebBg.png);
	background-position:-15px 200px;
	padding:20px 80px;
	text-align:center;
	border-radius:3px;
	width:110px;	
	position:absolute;	
	bottom:20px;
	left:0px;
	right:0px;
	margin:auto;
}
.summary {
	text-align:left;
}
.summary h1 {
	text-align:center;
	border-bottom:3px solid #000;
	margin:10px;
	padding:5px;
}
.summary ul li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style: none;
	margin: 10px;
}
.summary li > ul {
	font-size:12px;
	display: block;
	padding-left: 10px;
}
.summary #desgloce {
	border-top:3px solid #000;
	padding: 20px;
	margin:10px;
	font-weight:bolder;
}
.summary .total {
	font-size:26px;
	margin: 10px 0px;
}