/* CSS Document */

*{
   margin:0;
   padding:0;
}

body{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   background:url(../images/index_grad_body.jpg) repeat-x;

}

.content_all{
   width:948px;
   margin:0 auto;
   background:inherit;
}

.content{
   width:948px;
   margin:0px;
   float:left;
   background:url(../images/index_grad_cont.jpg) repeat-y;
}


.header{
   width:948px;
   float:left;
}



.img{
  float:left;
  border:none;
}

.img_{
  margin-top:2px;
  /*margin-right:10px;*/
}

.img2{
  float:right;
  border:none;
}

#container_language_all{
  width:112px;
  height:auto;
  float:left;
  margin:75px 0 0 -120px;
  padding:0px;
  /*border:1px solid #000000;*/
}


.container_language{
   width:105px;
   height:22px;
   padding:10px 0 0 5px;
   float:right;
   background:url(../images/index_gradiente_language.jpg) repeat-x;
   border-left:#D7D7D7 solid 1px;
   border-right:#D7D7D7 solid 1px;
   position:relative;
   z-index:100;
} 

#container_lan{
	position:relative;
	visibility:hidden;
	margin:0 0 0 0;
	float:left;
	width:105px;
	padding:10px 0 0 5px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background:#FFFFFF;
	z-index:100;
	opacity: .7;
	filter: alpha(opacity=70);
}


.imput_lan{
   background:none; 
   margin:-4px 0 0 0px;
   cursor:pointer; 
   border:none;
   
}

.rest_lang{
   width:100%;
   height:30px;
}

/*********Code for drop down menu**********/


/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0 0 0 0; width:120px; margin:0 0 0 0; list-style-type: none; float:right; }

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited { width:96px;display:block; font-size:11px; text-indent:0px; float:right; height:16px;}

/* Set up the sub level borders */
/*#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:0px;}*/

/* Set up the list items */
#pmenu li {float:right; background:none; width:96px; margin:0; padding:0;}

/*para dar estado hover a los submenu que se le aplique esta clase*/
/*.estado_hover{
  width:96px;background:none; height:37px;
}
.estado_hover:hover{
background:none; width:96px; height:37px;
}*/

/* For Non-IE browsers and IE7 */
/*#pmenu li:hover {position:relative; width:96px;}*/
/* Make the hovered list color persist */
#pmenu li:hover > a {color:#000000; text-decoration:none;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none; width:96px; float:right;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */

#pmenu li:hover > ul {display:block; position:absolute;padding-top:18px; float:right; width:96px;}


/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {top:16px;float:right;/*right:0px;*/} 

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; float:right;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; float:right;}

/* For accessibility of the top level menu when tabbing */
/*#pmenu li a:active, #pmenu li a:focus { width:96px;}
*/
/* Set up the pointers for the sub level indication */
/*#pmenu li.fly {background:none; width:96px;}
#pmenu li.drop {background:none; width:96px;}*/


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute;padding-top:18px;width:96px; float:right;}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible;top:18px; float:right;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible;float:right;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible; float:right;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;float:right;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;float:right;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */





/***********End drop down code**********/





.logo3{
   float:left;
   width:303px;
   height:97px;
   background:url(../images/index_logo3.jpg) no-repeat;
   padding-right:5px;
}

.bar_logo3{
   width:300px;
   height:30px;
   float:left;
   margin-bottom:30px;
}


.bar_logo3 a{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:12px;
  text-decoration:underline;
  font-weight:bold;
  padding:0 5px 0 5px;
}

.sub_header{
   width:940px;
   float:left;
   padding-left:4px;
   margin-top:-40px;
   margin-left:0;
   position:relative;
   z-index:50;
}

.lenguages{
   width:96px;
   float:right;
   z-index:99;
   position:relative;
}

.lenguages b{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#000000;
   text-align:left;
   margin-left:10px;
   text-decoration:none;
   font-weight:normal;
   cursor:pointer;
}


.lenguages2{
   width:92px;
   float:right;
   height:10px;
   padding:8px 0 8px 4px;
   text-decoration:none;
   background:url(../images/index_gradiente_language.jpg) repeat-x;
   border-left:#D7D7D7 solid 1px;
   border-right:#D7D7D7 solid 1px;
   }

.border_bottom{
   border-bottom:#D7D7D7 solid 1px;
}

.img_date{
   float:left;
   margin-right:5px;
   border:none;
}


.bar_nav{
   width:100%;
   float:left;
   margin-top:6px;
   background:url(../images/index_grad_barra_nav.jpg) repeat-x;
}


.bar_nav_in {
   width:90%;
   margin:0 auto;
   position:relative;
   z-index:40;
}


.bar_nav_estate_hover{
	background:url(../images/index_estado_hover_grad.jpg) repeat-x;
	width:auto;
	height:37px;
	float:left;
	padding:0 0 0 0;
}


.bar_nav_est_hover_in{
	float:left;
	padding-top:10px; 
	padding-left:15px;
	padding-right:15px;
	
}

.bar_nav_est_hover_in a:hover{
	text-decoration:underline;
}

.bar_nav_est_hover_in a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
}



.bar_nav_est_active{
	background:url(../images/index_estado_activo_grad.jpg) repeat-x;
	width:auto;
	height:37px;
	float:left;
	padding:0 0 0 0;
}


.bar_nav_est_act_in{
	float:left;
	padding-top:10px; 
	padding-left:15px;
	padding-right:15px;
}

.bar_nav_est_act_in a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
}

.container2{
   width:895px;
   margin:0 auto;
   border-bottom:#DADADA dashed 1px;
}

.container2_tex{
   width:100%;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#666666;
   line-height:17px;
}

.container2_tex h1{
   font-size:22px;
   color:#000000;
   font-weight:normal;
   margin-bottom:15px;
}

.container2_right{
   width:348px;
   float:right;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#003366;
   text-align:center;
   margin-bottom:50px;
}

.container2_right h1{
   font-size:14px;
   color:#003366;
   text-align:center;
   text-decoration:underline;
   font-weight:normal;
   margin-bottom:10px;
}

.container2_right b{
   color:#003366;
   text-decoration:underline;
   font-weight:bold;
   margin-left:8px;
}

.container2_right_data{
   width:307px;
   height:159px;
   margin:0 auto;
   margin-top:20px;
   background:url(../images/index_contenedor2_der.jpg);
}


.imput{
   width:277px;
   float:left;
   padding:0 0 0 30px;
}

.user_name{
   width:194px;
   height:19px;
   float:left;
   border:#999999 solid 1px;
   background:#FFFFFF;
   margin-top:30px;
   padding:3px 0 0 5px;
   font-size:14px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#003366;
}

.remember_me{
   width:277px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:11px;
   text-align:left;
   margin-top:19px;
   margin-left:-5px;
}

.remember_me a{
   text-decoration:underline;
   font-weight:normal;
   margin-left:10px;
   color:#000000;
}


.remember{
   width:13px;
   height:13px;
   float:left;
   margin-right:5px;
}

.bottons{
    width:307px;
	margin:0 auto;
	margin-bottom:20px;
}


.bottons_right{
   width:145px;
   height:25px;
   padding:0px;
   float:right;
}


.bottons_left{
   width:145px;
   height:25px;
   padding:0px;
   float:left;
}

.bottons_{
   height:25px;
   background:url(../images/index_boton_grad.jpg) repeat-x;
   cursor:pointer;
   padding:0;
   float:left;
}

.botton_rig{
   height:25px;
   float:left;
   background:url(../images/index_boton_grad.jpg) repeat-x;
   cursor:pointer;
   padding:0;
}

.barg_none{
   background:none;
   height:21px;
   float:left;
   border:none;
   cursor:pointer;
   padding:5px 0 0 0;
}

.container3_{
   width:940px;
   margin:0 auto;
   background:url(../images/index_gradiente_futer.jpg) repeat-x;
}

.container3{
   width:895px;
   margin:0 auto;
   border-bottom:#DADADA dashed 1px;
   margin-top:17px;
}

.new{
   width:270px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#666666;
   font-size:12px;
   margin-bottom:33px;
}

.new h1{
   font-size:22px;
   color:#000000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin-top:45px;
   margin-left:90px;
   text-align:left;
   font-weight:normal;
}

.new a{ 
   border:none;
   color:#000000;
   text-decoration:none;
}

.new b{
   color:#FF0000;
   font-size:12px;
   text-decoration:underline;
   font-weight:bold;
}

.new2{
   padding-left:150px;
}


.container4_{
   width:940px;
   margin:0 auto;
   margin-top:25px;
   
}

.container4{
   width:895px;
   margin:0 auto;
   border-bottom:#CCCCCC dashed 1px;
   padding-bottom:30px;
   padding-top:20px;
   height:100px;
}

.img3{
   border:none;
   float:left;
   margin-left:70px;
   margin-bottom:20px;
}


.footer{
   width:895px;
   margin:0 auto;
   margin-top:35px;
}

.footer_tex{
   width:395px;
   float:left;
   margin-left:20px;
   margin-bottom:20px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-align:center;
   text-decoration:none;
}

.footer_tex b{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-decoration:underline;
   font-weight:normal;
}

.footer_tex a{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-decoration:none;
   line-height:20px;
   margin-left:3px;
}

.footer_tex a:hover{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-decoration:underline;
}



.choose_log{
    width:215px;
	margin:0 auto;
	clear:both;
}

.choose_log_in{
   width:211px;
   background:url(../images/choose_bacg.jpg) repeat-x #DEDEDE;
   float:left;
   border-right:solid 2px #CACACA;
   border-left:solid 2px #CACACA;
}

.choose_log_in h1{
   width:182px;
   margin:0 auto;
   text-align:left;
   padding-left:17px;
   padding-bottom:2px;
   font:bold 15px Arial, Helvetica, sans-serif;
   color:#0099FF;
   text-decoration:none;
   border-bottom:#C3C3C3 solid 2px;
   margin-bottom:5px;
}

.choose_log_in a{
   width:184px;
   float:left;
   text-align:left;
   font: 15px Arial, Helvetica, sans-serif;
   color:#000000;
   text-decoration:none;
   border-bottom:#CDCDCD solid 1px;
   padding:9px 0 9px 15px;
   margin-left:6px;
}

.choose_log_in a:hover{
   color:#0099FF;
}

.cubo{
   float:left;
   margin:4px 5px 0 0;
   border:none;
}











.prcont{
   width:890px;
   float:left;
   padding-top:20px;
   overflow:hidden;
   font:12px Verdana, Arial, Helvetica, sans-serif;
   line-height:18px;   
}

.prcont2{
   width:810px;
   float:left;
   padding-top:20px;
   overflow:hidden;
   font:12px Verdana, Arial, Helvetica, sans-serif;
   line-height:18px;   
}

.prcont strong{
  padding-bottom:10px;
  float:left;
}


.prcont a{
  color:#0000FF;
  text-decoration:underline;
}


.prcont p a{
  color:#0000FF;
  text-decoration:underline;
}

.prcont_back{ background:url(../images/linea_azul_rep.jpg) repeat-y; padding:0px;}


.cont{
   width:826px;
   margin:0 auto;
   clear:both;
}

.tabs{
   width:845px;
   float:left;
   background:url(../images/tabs.jpg) bottom no-repeat;
   height:71px;
}

.tabs h2{
  font:bold 12px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  float:left;
  padding:13px 10px 0 20px;
  cursor:pointer;
}

.tabs h2:hover{
  text-decoration:underline;
}



.active{
   float:left;
   background:url(../images/act.jpg) repeat-x;
   height:37px;
   margin-left:10px;
}

.active h3{
   float:left;
   font:bold 12px Verdana, Arial, Helvetica, sans-serif;
   color:#00080A; 
   padding:13px 10px 0 10px;
   text-decoration:underline;
   cursor:pointer;
}


.active h3:hover{
   text-decoration:underline;
}

.windows{
   float:left;
   border:none;
   margin:-3px 5px 0 0;
}

.windows_cont{
   width:784px;
   margin:0 auto;
   clear:both;
   padding-top:12px;
   padding-bottom:30px;
   background:url(../images/windows_cont.jpg) bottom repeat-x;
}

.win em{
   font-style:normal;
   font:bold 12px Arial, Helvetica, sans-serif;
   color:#333333;
}

.win, .win2,  .win3{
   width:213px;
   float:left;
   /*height:111px;*/
   border-right:#CCCCCC solid 1px;
   font:12px Verdana, Arial, Helvetica, sans-serif;
   line-height:18px;
   color:#333333;
   padding:10px 10px 0 33px;
   margin-bottom:10px;
}

.win2{
   width:189px;
   padding-right:0;
}

.win3{
   width:300px;
   padding:10px 10px 0 10px;
}



.win2 h3, .win2 h4{
   font:bold 13px Arial, Helvetica, sans-serif;
   color:#666666;
   font-weight:normal;
   padding-bottom:10px;
}

.win2 h4{
   color:#FF0000;
   float:left;
}

.best{
   float:left;
   border:none;
   margin-top:-20px;
}

.donl, .dont2{
    width:192px;
	height:36px;
	font:20px Arial, Helvetica, sans-serif;
	color:#333333;
	background:url(../images/donl.jpg);
	border:none;
	margin:18px 0 0 66px;
	cursor:pointer;

}

.dont2{
   margin:15px 0 0 66px;
}

.win3{
   border-right:none;
   padding:0;
}