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

body { background-color: #485057; font-family: Arial, Helvetica, sans-serif; margin:40px 0 0 0; padding: 0px;}

#content 
{
width: 898px;
height: 538px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
background-image: url(../images/imgBgLogin.jpg);
text-align: left;
position:relative; margin:0 auto; 
}

#content .left
{
width: 290px;
height: 300px;
float: left;
margin: 115px 0 0 0px;
padding: 0 0 0 90px;
}
#content .left p
{
font-size: 9px;
color: #6E747A;
line-height: 145%;
font-weight: bold;
float: left;
margin: 200px 0 0 0;
width: 100%
}
#content .right
{
width: 300px;
height: 278px;
float: right;
margin: 230px 0 0 0px;
padding: 0 55px 0 0;
font-size: 11px;
color: #FF6600;
}

.advise
{
font-size: 11px;
font-weight: bold;
float: right;
color: #f30;
margin: 5px 0;
float: left;
width: 300px;
position: relative; bottom: 0px; right: 0px
}

#content .right .bottom
{
width: 300px;
height: 180px;
padding: 0 55px 0 0;
background-color: #0099CC;
float: right; 
}


#content .right span.txt
{
float:left;
font-size: 10px;
font-weight: bold;
color: #485057;
width: 125px;
margin: 20px 0 0px 0;
display: block;
}
#content .right span.campo
{
width: 170px;
margin: 16px 0 0px 0;
display: block;
float: right;
}

input.field
{ 
border: 1px solid #C8C8C8;
font-size: 11px;
color: #333;
height: 14px;
padding: 2px;
}

input.btn {
  color:#fff;
  font: bold 11px 'arial',helvetica,sans-serif;
  border: 1px solid;
  border-color: #FFF #ccc #ccc #FFF;
  background-image: url(../images/imgBgButton.jpg);
  background-repeat: repeat-x;
  height: 20px;
}

input.btnhov {   
 border-color: #ccc #999 #999 #ccc;   
 }

#bottom 
{
width: 902px;
height: 180px;
background-image: url(../images/imgBgBottom.jpg);
background-repeat: repeat-x;
text-align: left; margin:0 auto;
}


#send_mail{position:absolute; top:220px; left:90px; height:143px; width:342px; background-color:#7A7D81; z-index:100;}
#send_mail h1{color:#fff; font-size:15px; font-weight:bold; margin:20px 15px 5px 15px;}
#send_mail p{font-size:12px; color:#FFF; margin:15px 15px 15px 15px;}
#send_mail p a{color:#F2C312; text-decoration:underline;}
#send_mail p a:hover{color:#ccc; text-decoration:underline;}


/*********************************** transparencia *********************************/

#content_formulario{position:absolute; z-index:101; height:100%; width:100%; border:0; top:0; left:0; visibility:hidden;}

#transparencia{
height:100%; width:100%; position:absolute; z-index:102; top:0; left:0;
-moz-opacity:.60; background-color:#000;
opacity:.60;
filter:alpha(opacity='60');
}

#formulario_registro{position:absolute; z-index:103;
top:40px; height:630px; width:770px; margin:50px 0 0 20%; background-color:#fff;
background-image:url(../images/imgBgLayerFlotante.gif); background-position:top; background-repeat:repeat-x;}

#formulario_registro form{width:600px; height:500px; margin:50px 85px 0 85px; border:0;}

#formulario_registro ul, .formulario ul{padding:0; margin:0; list-style:none;}

#formulario_registro li, .formulario li {text-align:left;  font-size:11px;}

#formulario_registro label, .formulario label{ float:left;   border:0; text-align:left; font-size:11px; width:290px; margin:0 0 5px 0; line-height:1.8;}

#formulario_registro .campo, .formulario .campo{ float:left; border:0; text-align:left; width:300px; margin:0 0 5px 0;}

#formulario_registro input, #formulario_registro select, .formulario input, .formulario select{border:solid 1px #c8c8c8; height:14px; width:300px; text-transform:uppercase; color:#333; padding:2px; font-size:11px;}
#formulario_registro select, .formulario select{height:20px; width:230px;}

#formulario_registro textarea, .formulario textarea{border:solid 1px #c8c8c8;  font-size:11px; font-family:arial;}

#formulario_registro p{font-size:11px; margin:50px 30px 20px 30px;}

#formulario_registro button, .formulario button{background-image:url(../images/imgBgButton.jpg); background-position:left; background-repeat:repeat-x; height:20px; width:auto; padding:0 5px 0 5px; border:solid 1px #fff; text-transform:uppercase; text-align:center; color:#fff; font-size:11px;}

#formulario_registro iframe{width:600px; height:530px; margin:0px 85px 0 85px; border:0;}

.formulario, .formulario form{margin:0 auto; background-color:#fff;  width:600px; height:250px;}

.formulario h1{font-size:11px; font-weight:bold; border:0; color:#999;}


.formulario .chek{width:20px; border:solid 1px transparent; height:14px;  float:left; margin:5px 0; text-align:left; }

.formulario .etiqueta_radio{width:300px; height:14px; display:block; float:left; border:0; margin:5px 0; }

.aviso{margin:0 auto; background-color:#fff; height:100px; width:400px; border:dotted 1px #ccc;}

.aviso h1{margin:10px 10px; padding:0; font-weight:bold; color:#FF9900; font-size:11px;}

.aviso p{font-size:11px; margin:20px 30px;}

.aviso a{float:right; color:#999; text-decoration:none; text-transform:uppercase; margin:10px  ;}

.aviso a:hover{text-decoration:underline; color:#FF6600;}

/********************** nuevo **************/

.obligatorio{color:red;}

#formulario_registro .campo, .formulario li.indicacion{margin:10px 0; padding:5px 0px 3px 0px; float:left; border-bottom:solid 3px #FFE8BF; color:#666; width:600px; font-weight:bold;}