@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;
	padding-top: 150px;
	text-align: center;
}

#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: 150px 10px 0px 10px;
	text-align: center;
}


#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;
}

#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;
}


/****** 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;
}