@charset "utf-8";
/* 
	Theme Name: Infoxel
	Theme URL: http://www.infoxel.com.ar
	Description: Theme creado por Proyectos para Internet.
	Author: Proyectos para Internet
	Version: 4
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 05.14.07
		First Release of Silhouette 3-Column
*/

/************* GENÉRICOS *****************/

body {
	background: #FFFFFF;
	margin: 0px auto 0px;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 12px;
}
#body {
	background: url(pics/bg_3.jpg) repeat-x top;
	margin: 0px;
	padding: 0px;
}
a {
	color: #386FA3;
	text-decoration:underline;
}
a:hover {
	text-decoration: none;
}
#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(pics/btn_solicitar_demo_2.jpg);
	background-image: url(pics/btn_solicitar_demo_ch2.jpg);
	background-image: url(pics/btn_crear_mi_cuenta.jpg);
}
/************* GRILLAS *****************/

#grilla_1 {
	padding: 0px 10px 0px 10px;
	width: 140px;
	float: left;
	font-size: 11px;
}
#grilla_2 {
	margin: 0px 10px 0px 10px;
	width: 300px;
	float: left;
}
#grilla_3 {
	padding: 0px 10px 0px 10px;
	width: 460px;
	float: left;
}
#grilla_3a {
	padding: 10px;
	width: 440px;
	float: right;
}
#grilla_4 {
	margin: 0px 0px 0px 10px;
	width: 630px;
	float: left;
}
#grilla_4a {
	margin: 0px 0px 0px 10px;
	width: 630px;
	float: left;
	text-align: right;
}
#grilla_4b {
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 20px 20px;
	width: 600px;
	float: left;
	background:url(pics/bg_form1.png) no-repeat;
}
#grilla_6 {
	width: 940px;
	padding: 0px 10px 0px 10px;
}
#grilla_6_candado {
	background:url(pics/bg_candado.jpg) no-repeat;
	font-size: 14px;
	color:#333;
	padding: 30px 0px 0px 180px;
	height: 130px;
	border-bottom:#CCC 1px solid;
}
#grilla_3_x2 {
	width: 220px;
	padding: 10px;
	float: left;
}
/************* HEADER *****************/

#header {
	height: 50px;
	background: #222;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
}
#header_in {
	width: 960px;
	margin: 0px auto 0px;
}
.header_1 {
	width: 620px;
	padding: 15px 0px 0px 10px;
	float: left;
	font-size: 15px;
}
.header_2 {
	width: 140px;
	padding: 10px;
	float: left;
}
#header_in ul {
	margin: 0px;
	padding: 0px;
}
#header_in li {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px 25px 0px 0px;
}
#header_in li.demo {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font-size: 12px;
}
#header a {
	color: #FFF;
	text-decoration:none;
}
#header a:hover {
	color: #C4D7E6;
}
#header_login {
	width: 300px;
	float: left;
	text-align: right;
	font-size: 11px;
	margin-top: 17px;
	position:relative;
}
#header_login a {
	background: #78A5D1;
	padding: 5px 5px 5px 8px;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#header_login a:hover {
	background: #4B87C2;
	color:#FFF;
}
/************* DESTACADO *****************/

#destacado {
	height: 425px;
	background: #C4D7E6 url(pics/bg_destacado.jpg) no-repeat top;
	border-bottom: solid 1px #626465;
}
#destacado_in {
	width: 960px;
	margin: 0px auto 0px;
	padding-top: 15px;
}
h1.medio {
	color: #326699;
	font-size: 32px;
	margin: 10px 0px 15px 0px;
	padding: 0px;
	font-weight: 100;
}
h1.medio2 {
	color: #326699;
	font-size: 32px;
	margin: 10px 0px 15px 0px;
	padding: 0px;
	font-weight: 100;
	float: left;
}
h2.medio {
	color: #333333;
	font-size: 17px;
	margin: 10px 0px 1px 0px;
	padding: 0px;
	font-weight: 100;
}
h2.txt25 {
	color: #326699;
	font-size: 25px;
	padding: 10px 0px 5px 0px;
	font-weight: 100;
	margin: 0px;
}
h3.medio {
	color: #666666;
	font-size: 12px;
	margin: 10px 0px 15px 0px;
	padding: 0px;
	font-weight: 100;
}
a#rollover {
	width: 302px;
	height: 62px;
	background: url(pics/btn_solicitar_demo.jpg);
	display: block;
}
a#rollover:hover {
	background: url(pics/btn_solicitar_demo.jpg) bottom;
}
a#rollover_video {
	width: 610px;
	height: 411px;
	background: url(pics/screen.png);
	display: block;
}
a#rollover_video:hover {
	background: url(pics/screen.png) bottom;
}
a#rollover2 {
	width: 292px;
	height: 48px;
	background: url(pics/btn_crear_mi_cuenta.jpg);
	display: block;
}
a#rollover2:hover {
	background: url(pics/btn_crear_mi_cuenta.jpg) bottom;
}
/********** PLANES & VERSIONES **********/

#planes {
	height: 550px;
	background: url(pics/bg_planes.jpg) repeat-x top;
	padding-top: 20px;
}
#planes_in {
	margin: 40px auto 0px;
	width: 850px;
}
#planes_in .plan_1 {
	text-align: center;
	float: left;
	width: 240px;
	margin: 0px 30px 0px 15px;
}
#planes_in .plan_2 {
	text-align: center;
	float: left;
	width: 270px;
	margin: 0px 42px 0px 0px;
}
#planes_in .plan_3 {
	text-align: center;
	float: left;
	width: 240px;
}
#planes h1.negro {
	color: #000;
	font-size: 32px;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	font-weight: 100;
}
#planes h1.azul {
	color: #326699;
	font-size: 45px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-weight: 100;
}
/******** TOUR ********/

#tour {
	height: 170px;
	background: url(pics/bg_5.jpg) repeat-x top;
	padding-top: 20px;
}
#tour_link {
	text-align: center;
	font-size: 23px;
	padding: 20px 0px 100px 0px;
}
/********* CONTENT *************/

#content {
	width: 960px;
	margin: 0px auto 0px;
}
#content_2 {
	width: 960px;
	background: url(pics/bg_2.jpg) no-repeat;
	margin: 0px auto 0px;
}
#content_page {
	width: 960px;
	margin: 0px auto 0px;
	padding-top: 20px;
}
h2.frase1 {
	font-size: 20px;
	font-weight: 100;
	color: #333;
}
p.celeste {
	padding: 0px 20px 15px 0px;
	font-size: 11px;
	color:#333;
	margin: 0px;
}
/*********** FOOTER **********/

#footer {
	background: #111111;
}
#footer_out {
	color: #333333;
	height: 50px;
}
#footer_in {
	width: 960px;
	margin: 0px auto 0px;
	color: #FFF;
}
ul.socialmedia {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}
ul.socialmedia li {
	list-style:none;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
ul.links {
	margin:0px;
	padding: 5px 0px 10px 0px;
}
ul.links li {
	list-style: none;
	float: right;
	padding: 0px 0px 0px 20px;
}
ul.links2 {
	clear:both;
	margin:0px;
	padding: 10px 0px 10px 0px;
	font-size: 11px;
}
ul.links2 li {
	list-style: none;
	float: right;
	padding: 0px 0px 0px 20px;
}
ul.links a {
	color: #FFF;
	text-decoration: none;
}
ul.links a:hover {
	color: #C4D7E6;
}
ul.links2 a {
	color: #FFF;
	text-decoration: none;
}
#footer_busquedas {
	margin: 0px auto 0px;
	padding: 10px 10px 0px 10px;
	border-bottom: 1px solid #666;
	width: 940px;
	color: #FFF;
	height: 180px;
}
#footer_busquedas ul {
	margin: 0px;
	padding: 0px;
}
#footer_busquedas li {
	margin: 0px;
	padding: 5px 12px 0px 0px;
	width: 120px;
	height: 36px;
	float: left;
	list-style: none;
}
/********** VARIOS *************/

.txt_11 {
	font-size:11px;
}
.txt_14 {
	font-size: 14px;
	color: #333;
}
.txt_16_celeste {
	font-size: 16px;
	font-weight: bold;
	color: #386FA3;
}
.txt_16_celeste2 {
	font-size: 16px;
	color: #386FA3;
}
.txt_18a {
	font-size: 18px;
	padding: 7px 0px 20px 0px;
	margin: 0px;
}
.txt_18b {
	font-size: 18px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
.txt_18c {
	color: #386FA3;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.txt_20 {
	color: #386FA3;
	font-size: 20px;
}
.txt_30 {
	font-size: 30px;
}
.cita {
	color: #386FA3;
	font-size: 18px;
	font-variant:small-caps;
}
/******** FORMULARIO INSCRIPCION *********/

#form_register_1 {
	background:url(pics/n1.jpg) no-repeat;
	padding: 0px 20px 0px 40px;
	margin: 0px;
}
#form_register_2 {
	background:url(pics/n2.jpg) no-repeat;
	padding: 0px 20px 0px 40px;
	margin: 0px;
}
#form_register_3 {
	margin-top: 365px;
	text-align: right;
}
#form_register_info {
	margin: 30px 0px 0px 0px;
	background:url(pics/bg_4.jpg) no-repeat;
	color: #333333;
	padding: 35px 25px 35px 25px;
}
#form_register_info2 {
	margin: 10px 0px 0px 0px;
	background:url(pics/bg_4.jpg) no-repeat;
	color: #333333;
	padding: 13px 25px 35px 25px;
}
#grilla_4b .ingresar {
	background: url(pics/btn_crear_mi_cuenta.jpg) no-repeat;
	cursor: pointer;
	width: 292px;
	height: 48px;
	border: none;
}
#grilla_4b .ingresar:hover {
	background: url(pics/btn_crear_mi_cuenta.jpg) bottom;
	width: 292px;
	height: 48px;
	border: none;
}

.descuento {
	background: #f2f2f2;
	border: 1px solid #CCC;
}

/****** NOTICIAS / BLOG*******/

#noticias {
	list-style: none;
	height: 200px;
	padding-right: 20px;
}
#noticias h2.widgettitle {
	font-size: 20px;
	font-weight: 100;
	margin: 5px 0px 15px 0px;
}
#noticias ul {
	padding: 0px;
	margin: 0px;
}
#noticias li {
	list-style: none;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
#noticias .rssSummary {
	font-size: 11px;
}
/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox {
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:350px;
	padding:20px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#E8EEF4;
	text-align:left;
}
#lightbox[id] {
	position:fixed;
}
#overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id] {
	position:fixed;
}
#lightbox.done #lbLoadMessage {
	display:none;
}
#lightbox.done #lbContent {
	display:block;
}
#lightbox.loading #lbContent {
	display:none;
}
#lightbox.loading #lbLoadMessage {
	display:block;
}
#lightbox.done img {
	width:100%;
	height:100%;
}
#close {
	width: 16px;
	float: right;
	padding: 0px 0px 15px 5px;
}
#close_btn {
	width:16px;
	height: 16px;
	background:url(pics/close.gif) no-repeat;
}
#popup {
	background: url(pics/bg_pop_login.jpg) no-repeat;
	height: 350px;
}
#pop_login {
	padding: 100px 0px 0px 0px;
	text-align: center;
	width: 300px;
	margin: 0px auto 0px;
}
/************ LOGIN ******************/

#login {
	background: url(pics/bg_login.jpg) repeat-x top;
	height: 450px;
}
#login_in {
	margin: 0px auto 0px;
	padding-top: 100px;
	width: 220px;
}
.txt1 {
	color: #333;
	font-size: 17px;
}
input.texto {
	width: 220px;
	border: 1px solid #C4D7E6;
	margin: 5px 0px 10px 0px;
	padding: 5px;
	font-size: 17px;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
}
form .ingresar {
	background: url(pics/ingresar.jpg) no-repeat;
	width: 108px;
	height:32px;
	border: 0px;
}
#izq {
	float: left;
	padding-left: 40px;
}
#der {
	float: right;
	padding-right: 40px;
}
/********************************************/
img.alignleft, div.alignleft {
	float:left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.alignright, div.alignright {
	float: right;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 10px;
}
img.aligncenter, div.aligncenter {
	float: inherit;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
img.alignnone, div.alignnone {
	margin: 0px;
}
/********************************/

#clear {
	clear:both;
	padding: 5px 0px 10px 0px;
}
#clear_tour {
	clear:both;
	padding: 0px 0px 100px 0px;
}
.firma {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	padding-top: 15px;
}
/*login*/
#topnav {
	padding:10px 0px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right;
	margin-right:30px;
}
#topnav a.signin {
	background:#88bbd4;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
 	*background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;
 	*padding:4px 12px 6px;
}
#topnav a.signin:hover {
	background:#59B;
 	*background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
 	*padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
	 *background-position:0 3px!important;
}
a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	color:#FFF!important;
	outline:none;
	background-color: #CCC;
	*background:transparent url("images/signin-nav-bg-hover-ie-on.png") no-repeat 0 0;
 	*padding:4px 12px 6px;
}
#topnav a:hover.menu-open {
	color:#FFF!important;
	outline:none;
	background-color: #CCC;
	*background:transparent url("images/signin-nav-bg-hover-ie-on.png") no-repeat 0 0;
 	*padding:4px 12px 6px;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("images/toggle_up_dark.png");
	color:#333;
}
#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	/*display:none;*/
	background-color:#FFF;
	position:absolute;
	width:210px;
	z-index:100;
	border:6px solid #CCC;
	text-align:left;
	padding:12px;
	top: -18px;
	right: 31px;
	margin-top:5px;
	margin-right: 0px;
 	*margin-right: -1px;
	color:#789;
	font-size:11px;
}
#signin_menu form {
	margin:0px;
}
#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #CCC;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:196px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	font-size:11px;
	font-weight:bold;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 5px;
}
#signin_submit::-moz-focus-inner {
	padding:0px;
	border:0px;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

/******************* Validacion Forms ********************/
.validation-advice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 5px 5px 15px;
	color : #FF3300;
	background:url(pics/flecha.png) no-repeat;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
/********************************************/