/******************************
* YUI RESET CSS
******************************/
    
html, ul{margin:0;padding:0;}

body { background-color: #446296; padding: 0; margin: 0;font-family:verdana, arial;}



.clearfix:after
{ 
    clear: both; 
    content: "."; 
    display: block; 
    height: 0;     
    visibility: hidden; 
} 
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display: block;} 
/* End hide from IE Mac */ 


/******************************
* BLUE BOX H1 TITLE
******************************/    


.blue_box{
    background:#c2daff;
    border:1px solid #8faccd;
    color:#082c56;
    margin:5px 10px 5px 13px;
    font-weight:bold;
    font-size:14px;
    padding:4px 6px;         
}

 .blue_box.with_extension{margin-bottom:0;}

        .blue_box h1,  .blue_box h1 var{
           color:#082c56;    
            font-weight:bold;         
        }
         .blue_box h1 var{color:#1567bb;font-size:12px;}

/******************************
* GENERAL SITE PROPERTIES 
******************************/


    div.site{
        position:relative;          
        margin:0 auto;
        text-align:left;
        background:#ffffff;   
        border:1px solid #fff;
        border-top:0;border-bottom:0;   
        width:1000px;      
    } 
    

	.join_error { color: #EE0000; }



    
    
    

   
   .header2 .banner_part{ 
       border-top:6px solid #fff;  
       border-bottom:6px solid #fff;    
   }
   
   
   .header2 .banner{ 
       width:751px;
       height:264px;
       float:left;
       border-left:6px solid #fff;  
   }
   
   .header2 .promo{
       width:231px;
       height:264px;
       float:left;   
       border-left:6px solid #fff;  
   }
   

form {margin: 0px; padding: 0px;}
.join_name { font-weight: bold; text-align: right; border: none; }
.join_value { text-align: left; border: none; }
.join_error { color: #EE0000; }
.join_header { font-size: 14px; font-weight: bold; text-align: center; border: none; }
.join_footer { font-size: 14px; font-weight: bold; text-align: center; border: none; }
.join_input { text-align:left; width: 182px; font-family: arial; font-weight: bold; font-size: 15px;}
.join_select { text-align:left }
.join_button { text-align: center; padding-top: 43px; float: left; padding-left: 165px; width: 254px; height: 63px;}
.easy{ float: left;width: 366px;height: 21px;padding-left: 168px; }
#join_form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;width: 383px;padding: 1px; margin: 0px;}
#join_form .join_header{ font-size: 14px;font-weight: bold; width: auto; margin: 0 auto;}
.horizontal {  	border-bottom:1px solid #E2E9FD;}
#join_form .join_input { text-align: left;}
#join_form .join_error {color: #ee0000;}
select { font-family: "Verdana","Arial","Tahoma";font-size: 11px; color: #575757;}
#join_form .join_row .left { float: left; text-align: right; width: 133px; font-weight: bold;}
#join_form .join_row .right { float: right; text-align: left; width: 250px; }
a:link {color: #1464C4; text-decoration:underline; }
a:visited {color: #1464C4; text-decoration:underline;}
a:hover {color: #1464C4; text-decoration:none; }
a:active {color: #1464C4; text-decoration:underline;}
div.clear_this { clear: both; }                                                                    
select { width: 185px;font-family: arial; font-weight: none;font-size: 13px; color: #000;}
div.form_header { padding-top: 20px; width: 932px; margin: 0 auto; }
div.form_section { width: 920px; margin: 0 auto; padding: 5px; height: auto;}
div.form_section div.form_section_left { float: left; width: 214px; padding-top: 0px; padding-left: 27px; padding-right: 2px; }
div.form_section div.form_section_right {float: left;width: 666px;padding-top: 0px;height: auto;}
div.form_section div.form_section_right div.choose {float: left;width: 651px;height: 46px; background-image: url(http://www.videosdepago.com/joins/tarifa.gif);background-repeat: no-repeat;}
div.form_section div.form_section_right ul {float: left;padding: 0;margin: 0;height: auto;width: 656px; padding-left: 10px;color:#000000;}
div.form_section div.form_section_right ul li{float: left;border-bottom:10px solid #E2E9FD;display:block;height: auto;padding:0px 0px 30px;width:646px;}
div.form_section div.user_pass_country {float: left;background-color: #C2DAFF;border: 1px solid #14264C;width: 212px;height: auto;padding-bottom: 10px; }
div.form_section div.user_pass_country div.create {float: left;padding-top: 10px;padding-left: 3px;}
div.satisfaction {float: left;width: 214px;height: 205px;background: transparent url(http://www.videosdepago.com/joins/satisfaction.jpg) no-repeat; margin-top: 10px;}
div.form_section div.user_pass_country div.row {float: left;}
div.form_section div.user_pass_country div.row div.name {float: left;text-align: left;width: 200px;font-weight: none;border: none;color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin:0px;margin-top: 8px;padding-left:13px;}
div.form_section div.user_pass_country div.row div.value {float: left;width: 170px;text-align: left; border: none;line-height:20px;margin-top: 2px;color:#000000;font-family: arial;font-size: 15px;padding-left: 13px;font-weight: none;}
.beneficios {
padding-left:20px;
color:#9F9F9F;
font-size:13px;
text-align:left;
}
.beneficios ul li {

}
.select
{
    font-size:              11px;
    font-family:            verdana, arial;
    width:                  auto;
}

div.form_section div.form_section_right ul li{background:none;}

div.form_section_right ul  {
    font-family:arial;
    margin:30px;
    width:664px;
}
div.form_section_right ul  li {
	border-bottom:1px solid #E2E9FD;
    display:block;
    height:60px;
    position:relative;
}

div.form_section_right ul  h1 {
    cursor:pointer;
    font-size:25px;
    line-height:10px;
}
div.form_section_right ul  label {
    cursor:pointer;
}
div.form_section_right ul  h1 strong {
    font-size:30px;
    font-weight:bold;
}
div.form_section_right ul  h1 sup {
    font-size:12px;
    font-weight:bold;
    position:relative;
    top:5px;
}
div.form_section_right ul  h1 input {
    margin-right:10px;
}
div.form_section_right ul  h1 .red {
    color:#DE1E35;
}
div.form_section_right ul  p {
    font-size:10px;
    margin-left:36px;
    margin-top:-12px;
}
div.form_section_right ul  .special_offer {
    color:#DE1E35;
    float:right;
    font-size:18px;
    margin:10px;
}
div.form_section_right ul  .best_value {
    color:#DE1E35;
    float:right;
    font-size:12px;
    margin:0px 0px;
    width:209px;	
}
div.form_section_right ul  .best_value img {
    float:left;
    margin-right:20px;
}
div.form_section_right ul  .best_value span {
    display:block;
    float:left;
    margin-top:5px;
}

.recommended
{
    font-weight: bold;
    font-size: 15px;
}

div.form_section_right ul li div.best_bundle {
    color:#DE1E35;
    float:right;
    font-size:12px;
    margin:10px 4px;
    width:150px;	
    text-align:center;	
}






div.gray_box{
    margin:1px;
    padding:5px;
    border:6px solid #e2e2e2;
}


.mensaje{
height:34px;      
background:#64a7da url('http://www.videosdepago.com/joins/imagenes/neva_r1_c1.jpg') center center no-repeat;               
}

.mensaje2{         
    height:34px;    
    background:#ffffff url('http://www.videosdepago.com/joins/mensaje2.gif') center center no-repeat;  
}
.mensaje-cams{         
    height:34px;    
    background:#ffffff url('http://www.videosdepago.com/joins/mensaje-cams.gif') center center no-repeat;  
}

.msg1 span, .msg2 span{display:none;}  



   
   
   button.join_now{  
        position:relative;
        float:left;
        margin-top:10px;
        background:transparent;
        border:0; 
        width:260px;    
        cursor:pointer;
        margin-left:10px;           
   }


        
div.microsite{
    float:left;
    font-size:13px;   
    padding:5px;
    width:228px;            
    margin-bottom:5px;
    margin-left:2px;
    line-height:16px;
	text-align:center;
}


div.microsite .image{  
    width:225px;
    height:150px;
    display:block;
    border:1px solid #082c56;
}

    div.microsite .image img{ 
      width:225px;
    height:150px;
        float:left;
    }
    
     
     div.microsite a.title{
        
        font-weight:bold;
		font-size:15px;
        color:#1464c4;
        display:block;
        text-decoration:none;
     }
