@charset "utf-8";
body{

    	font: 100% Arial, Helvetica, Verdana, sans-serif;
    	margin: 0;
    	padding: 0;
    	text-align: center; 
		color: #000000;
		background:#999;
}
*{margin:0px;padding:0px;}
li{ list-style:none;}
#back { 
	width: 100%;
	display:table;
	background:#999 url(../images/wrapperBack.jpg) repeat-x top left;
} 

#wrapper {
	width: 970px;
	background: #FFF;
	margin: 10px auto;
	text-align: left;
} 
/*HEADER*/
#header {
	height:110px;
	width: 970px;
	display:block;
	background:url(../images/back-header.jpg);
	text-align: left;
	margin:0 0 6px 0;
}
#header #logo{
	float:right;
	display:block;
	margin:5px 40px 0px 0;
}
#header #logo a{
	text-decoration:none;
}
#header #logo a img{
	border:none;
}
/*MAIN*/
#main{
	width:970px;
	height:auto;
	background:#FFF;
	display:table;
	text-align: left;
}
/*leftcol*/
#left-column{
	float:left;
	width:160px;
	height:501px;
	background:#fff;
	position:absolute;
	display:block;
}
	#left-top-col
	{
		width:160px;
		height:21px;
		background:url(../images/leftcol-top.png) no-repeat;
		
	}
	
	#left-main-col
	{
		width:160px;
		height:456px;
		background:url(../images/leftcol-middle.png) repeat-x;
	}
	#left-main-col img
	{
		margin-left:10px;		
	}
	#left-bottom-col
	{
		width:160px;
		height:24px;
		background:url(../images/leftcol-bottom.png) no-repeat;
	}
	#left-main-col h1{ margin:0 0px 0 10px;font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; font-weight:bold;}
	#left-main-col h1 span{ margin:20px 0 0 50px;}
	#left-main-col p{ padding:0 5px 5px 5px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
	#left-main-col p.p-medio{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;}
	#left-main-col p a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
	
#main-column{
	display:block;
	height:auto;
	margin:0 0 20px 160px;
	padding-left:5px;
	padding-right:5px;
	width:650px;
	background: #FFFFFF url(../images/main-column-back.png) repeat-x;
}
	#menu-top{
		width:auto;
		margin:0 auto;
		height:28px;
		display:table;
	}
	#nav{
		clear:both;
		font-family:Helvetica,Arial, sans-serif;
		font-size:13px;
		height:28px;
		font-weight:bold;
		background:transparent url(../images/navbar.gif) no-repeat left ;
		color:#fff;
		width:auto;
		float:left;
		list-style-type:none;
	}
	#nav li{ 
		float:left;
		display:inline;
		height:28px; 
		margin:0;
		color:#FFFFFF;
	}
	#nav li a
	{ 
		  color:#FFFFFF;
		  height:28px;
		  display:block;
		  text-decoration:none;
		  float: left;
		  line-height:29px;
		  padding-right: 8px;
		  text-decoration :none;
		  text-align: center;

	}
	#nav li:hover a
	{ 
		  color:#FFFFFF;
		  height:28px;
		  display:block;
		  text-decoration:none;
		  background: transparent url(../images/btn-right-cur.png) no-repeat scroll right top;
		  float: left;
		  text-decoration :none;
		  text-align: center;

	}
	#nav li.cur a
	{ 
		  color:#FFFFFF;
		  height:28px;
		  display:block;
		  text-decoration:none;
		  background: transparent url(../images/btn-right.png) no-repeat scroll right top;
		  float: left;
		  text-decoration :none;
		  text-align: center;

	}
	#nav li a span
	{ 
		  color:#FFFFFF;
		  height:28px;
		  margin:0;
		  display:block;
		  padding:0 10px 0 18px;
		  text-decoration:none;
		  background:none;

	}
	#nav li:hover a span{
		  color:#FFFFFF;
		  height:28px;
		  margin:0;
		  display:block;
		  padding:0 10px 0 18px;
		  text-decoration:none;
		  background: transparent url(../images/btn-left-cur.png) no-repeat scroll 0 0;

	}
	#nav li.cur a span{
		  color:#FFFFFF;
		  height:28px;
		  margin:0;
		  display:block;
		  padding:0 10px 0 18px;
		  text-decoration:none;
		  background: transparent url(../images/btn-left.png) no-repeat scroll 0 0;

	}
	#main-content{
		width:650px;
		display:block;
		height:auto;
		float:left;
	
	}

	
	#logo-main-content{
		width:auto;
		height:354px;
		display:block;
		margin:30px auto 57px;
	}
	#home-left-tab
	{
		z-index:1;
		position:relative;
		width:104px;
		height:220px;
		float:left;
		display:block;
		background:url(../images/main-tab-left.png) no-repeat;
	}
	#home-middle-tab
	{
		z-index:3;
		position:relative;
		width:550px;
		height:354px;
		display:table;
		padding-bottom:4px;
		margin:0 auto;
		background:url(../images/main-tab-middle.png) repeat-x bottom;
	}
	#home-middle-tab h2
	{
		text-align:center;
		margin:-17px 0 0 0;
	}
	#home-middle-tab h2 a
	{
		text-decoration:none;
	}
	#home-right-tab
	{
		z-index:2;
		position:relative;
		width:104px;
		height:220px;
		display:block;
		float:right;
		background:url(../images/main-tab-right.png) no-repeat;
	}
	#home-middle-tab #flashLogo
	{
		margin:0;
		width:550px;
		height:350px;
		display:block;
	}
	#slogan
	{
		width:524px;
		height:auto;
		margin:0 auto 20px;
		text-align:center;
	}
	#slogan strong
	{
		color:#0045B3;
	}
	#tabsHome{ width:630px; display:block; margin:0 auto;}
	#tabsHome p{ color:#666666;}
	#tabsHome .headerTabs{width:150px; float:left; height:auto;}
	#tabsHome .headerTabs div{
		z-index:2; position:relative;
		width:150px;
		display:block;
		height:52px;
		
	}
	#tabsHome #instantaneo div.titleTabs{
		background:url(../images/btnInstantaneo.png) no-repeat left;
	}
	#tabsHome #seguro div.titleTabs{
		background:url(../images/btnSeguro.png) no-repeat left;
	}
	#tabsHome #economico div.titleTabs{
		background:url(../images/btnEconomico.png) no-repeat left;
	}
	#tabsHome #sencillo div.titleTabs{
		background:url(../images/btnSencillo.png) no-repeat left;
	}
	/*#tabsHome .headerTabs div div{
		padding:0;
		padding-right:22px;
		display:block;
		width:auto;
		background:url(../images/tab-verde-right.png) no-repeat right;
	}
	#tabsHome .headerTabs div div div{
		margin:0;
		padding:0;
		display:block;
		width:auto;
		background:url(../images/tab-verde-middle.png) repeat-x;
	}
	#tabsHome .headerTabs div div div h3{
		margin:0;
		padding:0;
		width:auto;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		font-size:16px;
		line-height:40px;
	}*/
	#tabsHome .headerTabs .sloganTab{width:150px; margin:-10px 0 0 0; z-index:1; position:relative; padding:0 0 26px 0; display:block; height:auto; background:url(../images/tab-verde-content-bottom.png) no-repeat bottom;}
	#tabsHome .headerTabs .sloganTab div{width:150px; margin:0; padding:20px 0 0 0; display:block; height:auto; background:url(../images/tab-verde-content-middle.png) repeat-y;}
	#tabsHome .headerTabs .sloganTab div p{ color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:300;}
	#instantaneo{ margin:30px 10px 0 0;}
	#seguro{ margin:0px 10px 0 0;}
	#sencillo{ margin:0px 10px 0 0;}
	#economico{ margin:30px 0px 0 0;}
	
/*right Column*/
#main-footer-menu{ width:660px; margin:0px auto 0 auto; background:#FFFFFF; display:block;}
#nav-footer{
	width:350px;
	margin:0 auto;
	font-size:10px;
	padding-left:10px;
	height:20px;
	display:block;
	color:#000000;
}
#nav-footer li{
	list-style:none;
	float:left;
	display:block;
	height:15px;
	padding:0 5px 0 5px ;
	border-right:#FF9900 1px solid;
}
#nav-footer li.finFooter{
	border-right:none;
}

#nav-footer li a{
	text-decoration:none;
	color:#000000;
	
}
#right-column{
	float:right; 
	width:150px;
	display:block;
	background:#fff;
}
	.right-top-col
	{
		width:150px;
		height:21px;
		background:url(../images/rightcol-tab-top.png) no-repeat;
	}
	.right-main-col
	{
		width:150px;
		height:432px;
		padding-top:10px;
		padding-bottom:20px;
		background:url(../images/rightcol-tab-middle.png) repeat-x;
	}
	.right-bottom-col
	{
		width:150px;
		height:27px;
		background:url(../images/rightcol-tab-bottom.png) no-repeat;
	}
	.right-main-col .btn-right-main-col
	{
		width:108px;
		height:129px;
		display:block;
		margin:10px auto 0px;
		background:url(../images/solicitarServicio205x108.png) no-repeat left top;
	}
	.right-main-col .btn-right-main-col a,.right-main-col .btn-right-main-col2 a
	{width:108px;height:129px;display:block;}
	
	.right-main-col .btn-right-main-col2
	{
		width:108px;
		height:108px;
		display:block;
		margin:10px auto 0px;
		background:url(../images/solicitarInfo205x108.png) no-repeat left top;
	}
	.right-main-col .btn-right-main-col2:hover
	{
		width:108px;
		height:108px;
		display:block;
		margin:10px auto 0px;
		background:url(../images/solicitarInfo205x108.png) no-repeat left bottom;
	}
	.right-main-col .btn-right-main-col:hover
	{
		width:108px;
		height:129px;
		margin:10px auto 0px;
		display:block;
		background:url(../images/solicitarServicio205x108.png) no-repeat left bottom;
	}
	.right-main-col .btn-right-main-col3
	{
		width:108px;
		height:108px;
		display:block;
		margin:32px auto 0px;
		background:url(../images/descargar108x70.png) no-repeat left top;
	}
	.right-main-col .btn-right-main-col3:hover
	{
		width:108px;
		height:108px;
		margin:32px auto 0px;
		display:block;
		background:url(../images/descargar108x70.png) no-repeat left bottom;
	}
	
	.right-main-col a
	{
		text-decoration:none;	
	}
	#right-module2 .right-main-col a
	{
		display:block;
margin-bottom:10px;
text-decoration:none;
	}
	/*#right-main-col .btn-right-main-col div
	{
		height:50px;
		display:block;
		padding-right:23px;
		background:url(../images/tab-gris-right.png) right no-repeat;
	}*/
	/*#right-main-col .btn-right-main-col div div
	{
		width:auto;
		height:50px;
		display:block;
		background:url(../images/tab-gris-middle.png) left repeat-x;
		text-align:center;
	}*/
	#right-module2{}
	#right-module3{ width:130px; height:auto; display:block; margin:0 auto;}
	#right-module3 h4{ width:130px; height:auto; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center;}
	#right-module3 div{ width:130px; height:auto; display:block; margin-top:20px;}
	#right-module3 a{ width:130px; height:auto; display:block; text-decoration:none; color:#3399FF; text-align:right; font-weight:bold; margin-top:10px;}
	
/*FOOTER*/
#footer{
	height:30px;
	display:block;
	margin:0px 0 0px 0;
	background:#333;
	border: 1px solid #000000;
	text-align: left;
}
#copy{ float:right; color:#FFFFFF; font-size:11px; font-family:Arial, Helvetica, sans-serif;line-height:29px;}
#copy a span,#copy a{ text-decoration:none; color:#99CC33; font-size:11px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;}






/***SECCIONESSSS****/
#contenidoSeccion{ width:630px; padding-left:15px; padding-right:15px;}
#main-content h1{
	display:block;
	width:620px;
	margin:20px auto 0 auto;
	height:34px;
	color:#0045B3;
	text-align:right;
	padding-right:0px;
	font-size:20px;
	background: url(../images/lineaSec.png) no-repeat center bottom;
}

#main-content h2{
	display:block;
	text-align:left;
	width:100%;
	padding-left:20px;
	font-size:20px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:600;
	margin-bottom:20px;
}
#main-content a{
	color:#0045B3;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content a{
	color:#0045B3;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content a:hover{
	color:#65A21B;
	font-size:12px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content div.preguntas a{
	color:#0045B3;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

#main-content div.preguntas a:hover{
	color:#65A21B;
	font-size:14px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content div.preguntas div.pregunta span{
	color:#0045B3;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content div.preguntas div.pregunta span:hover{
	color:#65A21B;
	font-size:14px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content p{
	color:#000;
	font-size:12.5px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content table.tarifas tr td.tdhead{
	width:33%;
	height:30px;
}
#main-content table.tarifas tr td.tdhead p{
	line-height:30px;
	font-size:15px;
}
#main-content table.tarifas tr td{
	vertical-align:middle;
}
#main-content table.tarifas p{
	text-align:center;
	font-size:12px;
}
#main-content table.tarifas{
	width:620px;
	margin:0 auto;
}
#main-content div.tarifas{
	width:620px;
	margin:0 auto;
}
#main-content div.preguntas{
	width:620px;
	margin:0 auto;
}
.azul{
	color:#0045B3;
}
.verde{
	color:#65A21B;
}
#contenidoSeccion{ display:block; height:auto; margin-bottom:20px;}
#contenidoSeccion p{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contenidoSeccion #captchaDiv{ display:block;text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:15px 0 0 5px;}
#contenidoSeccion #captchaDiv div{ float:left;}
#contenidoSeccion #claveDiv{ left:0; display:block; margin:10px 0 0 10px;}
#contenidoSeccion #claveDiv span{ left:0; display:block;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}
#contenidoSeccion #form{ display:block; width:620px; height:280px; margin:0 auto;}
#contenidoSeccion #registro{ display:block; width:620px; height:380px; margin:0 auto;}
#contenidoSeccion #form ul li{
	width:310px;
	height:140px;
	/*border:#FF0000 1px solid;*/
	display:block;
	float:left;
	text-align:left;
}
#contenidoSeccion ul li  .contPasos{
	width:265px;
	height:150px;	
	display:block;
	text-align:left;
	padding-left:45px;
}
#contenidoSeccion ul li.uno .numeroSolicitar{ background: url(../images/nrosSolicitarServicio.png) no-repeat top left;float:left;}
#contenidoSeccion ul li.dos .numeroSolicitar{ background: url(../images/nrosSolicitarServicio.png) no-repeat bottom left;float:left;}
#contenidoSeccion ul li.tres .numeroSolicitar{ background: url(../images/nrosSolicitarServicio.png) no-repeat top right;float:left;}
#contenidoSeccion ul li.cuatro .numeroSolicitar{ background: url(../images/nrosSolicitarServicio.png) no-repeat bottom right;float:left;}
.numeroSolicitar
{
	width:45px;
	height:45px;
	display:block;
	margin:47px 0;
}
#contenidoSeccion .descripcionSeccion{
	width:100%;
	float:left;
	display:block;
	margin:10px 0 0 0;
	text-align:left;
}
#contenidoSeccion .descripcionSeccion p{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#contenidoSeccion .descripcionSeccion h3{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}
#contenidoSeccion .descripcionSeccion h2{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	font-weight:bold;
}
#contenidoSeccion .descripcionSeccion strong{
	color:#0045B3;
}
#contenidoSeccion ul li h3,#contenidoSeccion ul li span.h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:700;
}
/*UNO
.uno .contPasos div{ width:150px; margin:0 auto;text-align:center;}
.uno .contPasos img{ margin-left:0px;}

/*TRESS


#captchaDiv b{  font-size:10px; color:#F35847; font-family:Arial, Helvetica, sans-serif;}
#claveDiv b{  font-size:10px; color:#F35847; font-family:Arial, Helvetica, sans-serif;}

/*CUATRO

.cuatro .error{ padding-left:15px;font-size:10px; color:#F35847; font-family:Arial, Helvetica, sans-serif;}

/*DOSS

.dos .contPasos div{ width:150px; margin:50px auto; text-align:center;}

/*Boton*/
#form #hagaClick{float:right; display:block; width:230px; text-align:center; vertical-align:middle; height:300px; background:url(../images/fondoAsistHagaClick.png) no-repeat top left; margin:30px 0 0 0;}
#form #descargaLink{ margin:20px auto;width:115px; height:115px; background:url(../images/aqui.jpg) no-repeat top left;}
#form #descargaLink:hover{ display:block;width:115px; height:115px; background:url(../images/aqui.jpg) no-repeat bottom left;}
#form #descargaLink a{ display:block;width:115px; height:111px;}

#form #hagaClick p{ margin:20px 0 0 0;font-size:16px; text-align:center;}
#form #hagaClick p span{ font-size:16px; font-weight:bold;}
#form input,#form textarea{ margin-bottom:5px; color:#000000;}
#form p{ text-align:left; font-size:16px;}
#form img{ float:none; vertical-align:middle;}
#textAreaDesc{ width:300px; height:80px;}
#form .emailHidden{
	display:none;

}
.mensajeError{ float:right; text-align:left;}
.mensajeError{ font-size:10px; color:#F35847; font-family:Arial, Helvetica, sans-serif; }
#form .mensajeError{ float:none; text-align:left; padding-left:4px;}

.btnSubmit{ width:100%; text-align:left;float:left; cursor:pointer;}
#registro .btnSubmit{ width:100%; cursor:pointer; text-align:left;}
#registro .btnSubmit input, #form .btnSubmit input, #contacto .btnSubmit input{ background:#0045B3; border:#CCCCCC; color:#FFFFFF; font-weight:700; padding:5px; cursor:pointer;}

#form .loggOn{ width:400px; border:#65A21B 5px dotted; height:115px; margin:100px auto; text-align:center;}
#registro .loggOn{ width:400px; border:#65A21B 5px dotted; height:100px; margin:50px auto 0 auto; text-align:center;}
#form .loggOn span{ font-weight:bold;}
#form tr td input,#form tr td textarea,#form tr td p{ margin:8px 0;}
#form tr td img{ padding:0 10px 3px 0;}
#form span.azul{ font-size:12px; font-weight:600;}

#solicitarRegistro b{  font-size:10px; color:#F35847; font-family:Arial, Helvetica, sans-serif;}
#solicitarRegistro span{  font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif;}

b.error{ display:none;}
.error{ background:#F39183;}
.valid{ background:#BAEB85;}
input{ background:#FFFFFF; border:#3399FF 1px solid;}
textarea {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #3399FF;
}

select {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #3399FF;
}
.norequired{ background:#FFFFFF;}

select{ width:120px; overflow:hidden;}

#registro #registroTexto{ display:block; width:500px; margin:15px auto;}
#registro #registroTexto hr{ color:#BAEB85; margin-bottom:15px;}
#registro #registroTexto p { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:600; margin-bottom:15px;}




#solicitarRegistro span.verde{ font-size:12px; color:#65A21B; font-family:Arial, Helvetica, sans-serif; }

#solicitarRegistro .mensajeError span{ font-size:10px; color:#F35847; font-family:Arial, Helvetica, sans-serif; }

.linea{
	display:block;
	width:620px;
	height:4px;
	text-align:right;
	background: url(../images/lineaSec.png) no-repeat center bottom;
}

#firstRow{width:620px; height:250px; display:block; /*border:#666666 thin solid;*/ margin-bottom:10px;}
#firstRow #paso1{width:300px; height:300px; display:block; /*border:#ff0000 thin solid;*/ }

#firstRow #paso1 img{ margin-top:65px;}

#firstRow #paso1 .nro{width:46px; height:46px; display:block; background: url(../images/nrosSolicitarServicio.png) no-repeat top left; position:absolute; }

#firstRow #paso2{float:right; width:320px; height:300px; display:block; /*border:#00ff00 thin solid;*/}

#firstRow #paso2 img{ margin-top:65px;}

#firstRow #paso2 .nro{width:46px; height:46px; display:block; background: url(../images/nrosSolicitarServicio.png) no-repeat bottom left; position:absolute; }

#secondRow{ width:620px; height:350px; display:block; /*border:#666666 thin solid;*/ margin-bottom:10px;}

#secondRow img{ margin-top:20px;}
/*#secondRow #paso3{ width:300px; height:500px; display:block; border:#ff0000 thin solid;}
*/
#secondRow .nro3{ float:left;width:46px; height:46px; display:block; background: url(../images/nrosSolicitarServicio.png) no-repeat top right; margin:0; position:absolute; }
/*#secondRow #paso4{float:right; width:320px; height:500px; display:block; border:#00ff00 thin solid; }*/
#secondRow .nro4{width:46px; height:46px; display:block; background: url(../images/nrosSolicitarServicio.png) no-repeat bottom right; margin-left:300px; }

/*********CONTACTO******************/

#contactoText{ width:400px; display:block; float:right; }
#contactoText .contactoTextCol{width:200px; display:block; float:right; }
#contactoText .contactoTextCol2{ width:200px; display:block;}
#contactoText p{ text-decoration:none; font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif; }
#contactoText a{ text-decoration:none; font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif; }

#contacto tr td input, #contacto tr td textarea{ margin:2px 0;}
#contacto tr td span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;}
#contacto tr td{ vertical-align:top;}
#contacto, #contactoTextWrap{ width: 620px; margin:0 auto; display:block;}
#contacto{ min-height:228px;}

#supportChatButton{
	background:url(../soporte/button.php?i=tecnico&lang=sp&filetype=png) no-repeat top left;
	display:block;
	width:150px;
	height:56px;
}
#supportChatButton:hover{
	background:url(../soporte/button.php?i=tecnico&lang=sp&filetype=png) no-repeat bottom left;
	display:block;
	width:150px;
	height:56px;
}