@charset "utf-8";
/* CSS Document */


body{
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	color:#333;
	background-color:#D1D3D4;
	}
label {	width:5em; text-align:left;float: left; padding: 0 10px; cursor: pointer; font-weight:bold;}
.small 
{
  font-size:10px;
}
*{
	padding:0;
	margin:0;
	border:0;
}
hr {
background:none repeat scroll 0 0 #DDDDDD;
border:medium none;
clear:both;
color:#DDDDDD;
float:none;
height:0.1em;
margin:0 0 1.45em;
width:100%;
}
p {
	padding:10px;	
}	
#header-content{
	width:100%;
	}
	
#header{
	width:960px;
	height:110px;
	*height:110px;
	margin:auto;	
	}
	
#header-left{
	width:200px;
	float:left;
	}
		
#header-right{
	float:left;
	width:750px;
	*width:500px;
	}
	
#header ul li{
	float:left;
	list-style-type:none;
	}

#header-right #login{
	width:380px;
	display:block;
	margin-left:350px;
	margin-top:10px;  
	margin-bottom:85px;
	*margin-bottom:14px;
	*margin-top:10px;
	}
	
#header-right #login li{
	margin-right:10px;
	}
	
#header-right #login a{
	color:#ed145b;
	font-weight:bold;
	font-size:14px;
	}

		
/* FIN DEL HEADER  */

/*HOME CONTENT*/


#home-content{
	width:100%;
	height:368px;
	background:url(images/back_home_content.jpg) repeat-x;
	}
	
#home{
	width:960px;
	margin:0 auto;
	color:#a1e1fa;
	height:368px;       
	}
	

#home #girl-pic{
	width:320px;
	background:url('/theme/pesoideal/images/girl.jpg') no-repeat;
	height:388px;		
	float:left;
	position:relative;
	top:-21px;	
	margin-right:2px;
	}

#home #text{
	width:307px;
	margin-right:25px;
	float:left;
	}
	
	

#home span{
	text-align:center;
	text-decoration:underline;
	display:block;
	font-size:14px;
	}	
	
#home h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	margin-top:30px;
	}
	
#home p{
	color:#FFFFFF;	
	line-height:24px;
	}	
	
#home #spacer{
	width:100%;
	background:url(images/linea-division.gif) repeat-x center ;
	height:20px;
	margin-top:10px;
	}
	
#home #testimonial{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;	
	}
	
#home #message a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	color:#a1e1fa;
	text-align:center;
	text-decoration:none;
	}
	
#home #message a:hover{
	text-decoration:underline;
	}
#message * {
	border:0px;
	}
#home .floatleft{
	float:left;
	}
	
#home .normal{
	font-style:normal;
	font-weight:bold;
	}
	
	


	
#home #registration{
	width:304px;
	float:left;
	}
	
#home #form{
	width:280px;
	height:307px;
	background:url(images/back-register.gif) no-repeat;
	text-align:center;
	color:#555555;	
	margin-top:20px;
 
	}
#registro 
{
  padding:20px;  
}
h2
{
  color:#666666;
  font-size:1.4em;
  font-weight:bold; 
}
h1.h2
{
  color:#666666;
  font-size:1.4em;
  font-weight:bold; 
  padding:10px;
}
p.promo  
{
  font-size:16px;
  padding:10px;  
}
#home #form h2{
	text-align:center;
	margin:0 auto;
	color:#006c9f;
	padding-bottom:10px;

	}
input, .title, select {
	background:rgb(248,248,248);	
	height:26px;	
	padding:2px;
		border:1px solid rgb(208,208,208);
	*padding:3px;
	color:#555555;	
}	
#home #form a{
	color:#006c9f;
	font-weight:bold;	
	}
	
	
#wrap-contents{
	width:100%;
	background:url(images/back-contents.gif) repeat-x #f1f2f2;
	*padding-top:20px;
}
#wrap-contents ol, #wrap-contents ul {
margin:1em 0 1.2em 1.6em;
}
#wrap-contents ol, #wrap-contents ul li {
/*color:gray;*/
}
 #allcontents 
 {
  width:960px;
  margin:0 auto; 
 }

.box2 
{
  width:320px;
  float:left;
  margin-bottom:30px;
}

.border 
{
  border:1px solid rgb(224,224,224);
  padding:10px;
  background:rgb(244,244,244);
}
#caja1, #caja2, #caja3{	
	width:305px;
	padding:6px;
	float:left;
	display:inline;
	border-right:2px solid rgb(224,224,224);	
	height:325px;
	
	}
	
.h3{
	font-size:18px;
	color:#0b5680;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
	line-height:45px;
	text-indent:55px;	
	}
	
#caja1 a, #caja2 a, #caja3 a{
	display:block;
	text-align:right	;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#0b5680;
	margin-top:20px;
	}
	
h3.peso{
	background:url(images/icon-chart.png) left no-repeat;
	}
	
	
h3.video{
	background:url(images/icon-tv.png) left no-repeat;
	}

h3.comunidad{
	background:url(images/icon-comu.png) left no-repeat;
	}
	

#caja1 table{
	width:283px;
	margin:auto;
	}	
	
#caja1 table td{
	padding:4px;
	}	
	
#caja1 table .back{
	width:87px;
	height:26px;
	background:url(images/back-input-2.gif) no-repeat;
	padding:2px;
	*padding:4px;	
	}	
	
div.right {text-align:right;}
	
#caja3 ul{
	margin-left:30px;
	margin-top:10px;
	line-height:20px;
	}
	
#caja3 ul li{
	margin-bottom:8px;}


/*FOOTER */	

#wrap-footer{
	width:100%;
	background:url(images/back_footer.gif) repeat-x #d1d3d4;
	clear:both;
	}
#wrap-footer a {
color:#666666;
text-decoration:none;
}

#wrap-footer a:hover {
  color:rgb(32,32,32);
}
#wrap-footer li {
color:#777777;
padding:4px 0;
}

#footer{
	width:960px;
	margin:auto;
	color:#555555;
	}
	
#footer1, #footer2, #footer3{
	width:290px;
	float:left;
	padding:15px;
	margin-bottom:10px;
	}
	
#footer1 h4, #footer2 h4, #footer3 h4{
	margin-left:50px;
	margin-bottom:10px;
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#footer1 li, #footer2 li, #footer3 li{
	margin-left:65px;
	list-style-type:square;
	line-height:20px;
	}
	
#footer p{
	text-align:center;
	font-size:11px;
	}
	
	

/* INTERIOR */



#wrap-submenu{
	width:100%;
	height:51px;
	background:url(images/back-submenu.gif) repeat-x;
	}

#submenu{
	width:960px;
	margin:auto;
	}
	
#submenu #nav{
	margin-left:220px;
  list-style-type:none;
	}
	
#submenu #nav li{
	float:left;
	}
	
#submenu #nav a{
	color:#FFF;
	line-height:49px;
	text-decoration:none;
	display:block;
	margin-right:30px;
	text-align:center;
	font-size:14px;
	}
	
#submenu #nav a:hover{
	color:#a1e1fa;
	}

#submenu #nav #selected a{
	color:#a1e1fa;
	font-weight:bold;
	background: url(images/submenu-selected.png) no-repeat center bottom;
	}
	

/*CONTENTS */

#wrap-contents.minimo{
	min-height:700px;
}

#wrap-contents #contents{
	width:960px;
	margin:auto;
	clear:both;
	padding-top:50px;
	background:# #f1f2f2;
	}
	
#wrap-contents #contents h3{
	text-align:center;
	padding:5px 0;
	margin-bottom:10px;
	color:#006699;
	}
	
#contents #cont-left{
	width:150px;
	float:left;
	margin-right:17px;
	}
	
	
#contents #cont-center{
	width:499px;
	float:left;
	margin-left:17px;
	}

#contents #cont-right{
	float:left;
	width:250px;
	height:250px;
	margin-left:17px;
	}	
	
	
#contents #cont-left #resumen{
	width:163px;
	height:185px;
	background:url(images/back-resumen.gif) no-repeat;
	}
	
#contents #cont-left #resumen table, #contents #cont-left #actualizar table{
	width:150px;
	margin:auto;
	}
	
#contents #cont-left #resumen td{
	height:24px;
	border-bottom:1px dotted #999999;
	}
	
#contents #cont-left #actualizar{
	width:163px;
	height:144px;
	background:url(images/back-actualizar.gif) no-repeat;
	margin-top:30px;
	}
	

#contents #misfotos{
	background:url(images/back-misfotos.gif);
	width:244px;
	height:100px;
	}

#contents #misfotos ul{
	margin-left:15px;
	margin-top:5px;
	}
	
#contents #misfotos li{
	float:left;
	margin-right:10px;
	}
	
	
#contents #foro{
	background:url(images/back-foro.gif);
	width:244px;
	height:286px;
	margin:auto;

	}
	
	
#contents #foro ul{
	width:220px;
	margin-left:20px;
	line-height:18px;
	color:#707070;
	}
	
#contents #foro li{
	list-style-type:disc;
	margin-bottom:5px;
	}
	
#contents #foro a{
	color:#006699;
	}

.clear
{
  clear:both;
}
.container 
{
	width:960px;
	margin:auto;	
}
.container h2, h1.h2
{
border-bottom:1px solid #C3D2DF;
color:#0B5680;
font-size:1.3em;
font-weight:bold;
padding-bottom:10px;
padding-top:10px;
}

.minform
{
  padding:5px;
}
.form
{
  padding:10px;
}
.top 
{
  padding-top:10px;
  padding-bottom:10px;
}

.wtitle h2 {
color:gray;
font-size:18px;
padding:5px;
}
.hl, .hl2 {
clear:both;
height:2px;
overflow:hidden;
width:100%;
}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:200px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
.margin-right-10
{
	margin-right:10px;
}
.margin-right-5
{
	margin-right:5px;
}
.margin-right-20
{
	margin-right:20px;
}
.margin-right-30
{
	margin-right:35px;
}
#tabs4 {
float:left;
font-size:93%;
line-height:normal;
width:100%;
}
#tabs4 ul {
list-style:none outside none;
margin:0;
padding:0 10px 0;
}
#tabs4 li {
display:inline;
margin:0;
padding:0;
}
#tabs4 a {
background:url("images/tableft4.gif") no-repeat scroll left top transparent;
float:left;
font-weight:bold;
margin:0;
padding:0 0 0 7px;
text-decoration:none;
}
#tabs4 a span {
background:url("images/tabright4.gif") no-repeat scroll right top transparent;
color:#00386B;
display:block;
float:left;
padding:5px 15px 4px 6px;
}
#tabs4 img {
float:left;
margin-right:3px;
}
#tabs4 a span {
float:none;
}
#tabs4 a:hover span {
color:#6B78A9;
}
#tabs4 a:hover {
background-position:0 -42px;
}
#tabs4 a:hover span {
background-position:100% -42px;
}
.widget
{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CFCFCF;
margin:0 0 28px;
padding:1px;
}
.wtitle  {
background:url("images/box-bgr.gif") repeat-x scroll center top transparent;
}
/* forms.css */
label {font-weight:bold; }
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}

textarea {width:390px;height:250px;padding:5px;border:1px solid gray;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*- Menu Tabs J--------------------------- */
/**width:550px;*/
/**margin-top:33px;*/
    #tabsJ {
      float:left;
      width:100%;
      font-size:14px;
      line-height:normal;
      z-index:1000;
      margin-top:1px;
      *width:700px;
      *position:absolute;      
      *margin-top:40px;
      }
    #tabsJ ul {
	  margin:0;
	  padding:0px 10px 0 10px;
	  *padding:0 0 0 0;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      padding-left:10px;
      }
    #tabsJ a {
      float:left;      
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;      
      font-weight:bold;
     
      }
    #tabsJ a span {
      float:left;
      display:block;      
      padding:5px 15px 4px 6px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover, a.active {
      	background:url("images/tableftJ.gif") no-repeat left top;
      	background-position:0% -42px;      	
      }
    #tabsJ a:hover span, a.active span {
      	background:url("images/tabrightJ.gif") no-repeat right top;
      	background-position:100% -42px;
      	color:white;
      }
.submenu {
background:none repeat scroll 0 0 #E8E8E8;
color:gray;
padding:3px;
margin-bottom:10px;
}
.information {
	padding:10px;
	background:url('/theme/icons/icons/information.png') no-repeat 10px 8px #ECECEC;
	padding-left:30px;
	color:gray;
}
.white{
	background:white;
}
.center
{
	text-align:center;
}
#date {
	background:white;
	width:270px;
	padding:10px;
	text-align:center;
	float:right;	
}
#date a {
	color:gray;	
}
#seccion {

}
#user {
	width:400px;
	float:right;
	margin-top:5px;
	height:50px;
	margin-bottom:8px;
}
.overflow{
	overflow:auto;height:300px;
}
#resultados h2 {

border:0px;
}

#boton a {
	float:left;      
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;      
    font-weight:bold;
	background:url("images/botonleft.png") no-repeat left top;
    background-position:0%;
    font-size:12px;
    
}
#boton a span {
	float:left; 
    display:block;      
    padding:5px 15px 4px 6px;
	background:url("images/botonright.png") no-repeat left top;
    background-position:100% 50%;
    color:#6186a2;
}
#boton a span.active {
	color:green;
	font-weight:bold;
	font-size:15px;
}
.font-medium * {
  font-size:14px;
}
.green 
{
  color:rgb(0,102,0);
  font-weight:bold;
}
.gg_footer ul {
	padding:10px;
	color:#6F6F6F;
}
.gg_footer ul li a  {
	color:#4F4F4F;	
}
.red {
	color:#CC0000;
}