*{
	
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
        font-size: 13px;
    
}
html{
	height: 100%;
    width:100%;
    
}

body{        
	padding:0px;
	margin: 0px auto;
	height: 100%;
	background:#f1f1f1;
	text-align: center;	
	color: #121818;        
	padding:0px 0px;        
}


td{
	vertical-align: top;
	clear: both;
    text-align: left;
}

a,a:hover,a:link,a:visited{
    color:#3399CC;
}

img{
    border-style: none;
    border-color: inherit;
	}

h1
{
    padding:1px 0 0 10px;
    font-size:16px;
    font-weight:bold;
    color:#03435E;
    margin:0px;
}


h2
{
    padding:1px 0 0 10px;
    font-size:16px;
    font-weight:bold;
    color:#03435E;
}



h3{
    padding:1px 0 0 10px;
    font-size:16px;
    font-weight:bold;
    color:#03435E;
    margin:0px;   
}
h4
{
    font-size:16px;
    font-weight:bold;
    color:#333333;
    margin:0px;
    padding:0px;
}
h5{
    font-size:13px;
    font-weight:bold;
    color:#3366CC;
}
h6
{
    font-size:21px;
    font-weight:bold;
    color:#006bad;
    }

p{
    margin:10px;
    text-align:left;
}

ul{

}

li{
    list-style-type:none;
}


table{
    /*border:solid 1px #999;
    background-color:#fff;*/
    
}

hr{
    
}
#banner
{
    width:960px;
    height:250px;
    margin:0px 10px;
    }

#bgstep{
    background:url(../img/steps.jpg) repeat-x;
    height:35px;    
    padding-top:10px;
    color:#fff;
    margin-top:10px;
    font-size:18px;
}


.selectedplan{
    background-color:#1C5281;
    color:#fff;
    padding:5px;
    width:100%;
    text-align:left;
    float:left;
    font-weight:bold;
}


.textbox{
    border:solid 1px #ddd;
    width:300px;
}

.minitextbox{
    border:solid 1px #ddd;
    width:150px;
}

.textbox_required{
    border:solid 1px #ddd;
    width:300px;
    background-image: url(../img/validate.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}



#maincontainer{
    width: 990px;
	padding:0px;
	margin: 10px auto;	
	position:relative;
	background:#FFFFFF;
        border:solid 1px #DDD;        
}


#header{	
	height: 150px;
	width: 100%;
	background-color: White !important;
}

#flash{
    height:90px;
}
#logo
{   width:270px;
    height:90px;
    float:left;
    }
#direccion
{
    width:270px;
    height:90px;
    float:left;
    }
#chat
{
    width:150px;
    height:auto;
    float:right;  
    margin-top:20px;   
    }
#sellopac
{
    width:90px;
    height:90px;
    float:left; 
    margin-left:30px;   
    margin-top:5px;   
    }
#entrar_al_sistema
{   width:150px;
    height:58px;
    float:right;
    padding:22px 0px 0px;
    margin:5px 5px 0 0px;
    background:url(../img/entrar-al-sistema.png) no-repeat;
    }
#entrar_al_sistema img
{
    margin:0px 0px 7px 0px;
    border:0px;
    }
/****************************************************************************************************/
#nav{
	background:#03435E;
	font-family:"Arial Narrow", Arial, sans-serif;
	height:30px;
	/*float:left;*/
    clear:both;
    
}
#menu-nav
{width:600px;float:left;}
#social{float:right;}
#menu-nav ul{text-align:left;padding:0px 1px 0px 5px;margin:5px;}

#menu-nav li{
	padding-bottom:5px;
	margin-bottom:5px;
    list-style:none;
	display:inline;
	list-style:none;
	margin-left:0px;
	margin-right:3px;
}
#menu-nav a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

#menu-nav a:hover{	
	text-decoration:underline;	
}
#social{height:30px;}
#social ul
{margin:5px;}
#social li
{
    float:left;
    /*width:80px;*/
    }
/****************************************************************************************************/

#container{   
    background-color: White;
    clear:both;
    height:100%;
    margin-bottom:0;
}


#sidebar{
    width:290px;
    padding:10px 0px;
    float: left;
    /*height:100%;*/
    text-align:left;
}

#content{	
	padding:10px;
	/*width: 650px;	*/
	float: right;
	margin-right: 10px;
	text-align: justify;
	margin-bottom: 50px; 
	#clear:both;	
}
.box
{
    width:650px;
    margin:0px 10px 10px 10px;
    }
    .box .top
    {
        background:url(../img/top-box.png) no-repeat;
        width:650px;
        height:24px;        
        }
    .box .titulo
    {
        width:650px;
        height:90px;
        margin:0px 0px 10px 0px;
        
    }
    .box .top .nombre
    {
        width:450px;
        float:left;
        }
    .box .top .estado
    {
        width:150px;
        padding:0px 10px 0px 0px;
        float:right;
        text-align:right;
    }
    .box .body
    {
        background:url(../img/center-box.png) repeat-y;
        width:650px;
        height:auto;
        padding:10px 15px 0px 15px;
        float:left;
        text-align:justify;
        }
    .box .body H2
    {
        margin:10px 0 10px 0px;
        padding:0px;
        }
    .box .body .imagenleft
    {
        border:1px #cccccc solid;
        padding:5px;
        background:#ffffff;
        float:left;
        margin:5px 10px 10px 0px;
        }  
    .box .body .imagenright
    {
        border:1px #cccccc solid;
        padding:5px;
        background:#ffffff;
        float:right;
        margin:5px 0px 10px 10px;
        }   
    .box .body UL
    {   
        padding:0 0 0 10px;
        width:600px;
        }
    .box .faq 
    {
        background:url(../img/center-box.png) repeat-y;
        width:620px;
        height:auto;
        padding:15px;
        }
    .box .faq UL 
    {   
        margin:0px 0px 0px 15px;
        padding:0px;
        width:100%;
        }
    .box .faq LI
    {   
        padding:0 0 10px 0px;
        font-weight:bold;
        color:#03435E;
        }    
     .box .faq .ultitulo
    {   
        margin:0px 0px 0px 15px;
        padding:0px;
        width:90%;
        font-weight:normal;
        
        }
     .box .faq .ultitulo LI
    {   
        font-weight:normal;
        color:#000000;
        } 
    .box .body .features LI
    {
        background:url(../img/features-bullet.gif) no-repeat;
        padding:0 0 0 21px;
        margin-bottom:8px;        
        }
    .box .body P
    {
        padding:0 0 5px 0px;
        margin:5px 0 5px 0px;
        text-align:justify;
		width:95%;
        }
    .box .body .dir,.tel,.links
    {
        background:url("../img/top-box.png") no-repeat  -10px -1px;
        border:1px solid #ddd;
        -moz-border-radius:10px;
        }
    .box .body .dir
    {
        float:left;
        width:285px;
        padding:2px 10px;   
        margin:0px;      
        }
    .box .body .dir H1,.tel H1,.links H1, .dir H3, .tel H3, .links H3
        {
            padding:0px;
            margin:0px;
            color:#FC9601;
            }
    .box .body .tel
    {
        float:right;
        width:285px;
        padding:2px 10px;  
        margin:0px 30px 0px 0px;
        }
    .box .body .links
    {
        clear:both;
        float:left;
        width:598px;
        margin:10px 0px 0px;
        padding:2px 10px;
        }
    .box .footer
    {
        clear:both;
        background:url(../img/bottom-box.png) no-repeat;
        width:100%;
        height:17px;
        }
    .box .video
    {
        
        }
    .box .video ul
    {
        margin:0px;
        padding:0px;
        width:100%;
        }
    .box .video li
    {
        margin:0px;
        padding:5px 2px;
        width:196px;
        float:left;
        }
    .box .video .image, .text
    {
        float:left;
        } 
    .box .video .image
    {
        padding:0px 0px 0px 30px;
        }
    .box .video .text
    {
        padding:2px 20px;
        }       
    .box .video IMG
    {
        width:120px;
        height:90px;
        float:left;
        }
    .box .video A.videos
    {
        width:200px;
    }
    .box .video A
    {
        color:Blue;
        text-decoration:none;
        }
    .box .video a:hover
    {
        color:Blue;
        text-decoration:underline;
        }
        .box .video .time
        {
        color: #FFFFFF;
        height: 20px;
        left: 120px;
        padding-left: 2px;
        position: relative;
        top: -57px;
        width: 30px;
        }
        .box .video .play
        {
            background:URL(../img/youtube_play.png);
            display: none;
            height: 50px;
            left: 63px;
            position: relative;
            width: 50px;
        }
    .box .thumbnail 
    {
        width:600px;
        float:left;
        position:relative;
        }
        .box .video_load
        {
            width:600px;
            height:350px;
            margin:5px auto;
            }
        .box .thumbnail .slider
        {
            width:600px;
            height:115px;
            position: relative;
            overflow: auto;
            }
        .box .thumbnail .slider .thumbnail_img
        {
            /*margin:0px;
            padding:5px;
            float:left;*/
            width:1500px;
            height:115px;
            
            }
        .box .thumbnail .slider .thumbnail_img UL
        {
            display: block;
            width:auto;
            height:115px;
            }
        .box .thumbnail .slider .thumbnail_img LI
        {
            float: left;
            padding: 5px;
            width: 120px;
            height:115px;
            }

            
#sidebar h2{
    text-align:left;
    margin-left:10px;
}

#formalogin {
	display: block;	
	font-size: 12pt;
	padding:0% 0%;
	color: #0070A1;
	border:solid 1px #d9d9d9;
}

#formalogin h3 {
	
	padding: 5px;
	height: Auto;
	background-color: #CFE7F1;
	overflow: visible;
    top: 0px;
    left: 0px;
}

#formalogin div 
{
	display: block;
	padding-right: 9px;
	padding-bottom: 5px;
	text-align: right;
}

#formalogin form p {
	display: block;
	margin: 0px 0px 8px;
	padding: 10px;
}

.errorlogin {
	display: block;
	padding: 5px 15px;
	text-align: right;
	color: #D95721;
	margin: 0px 0px 10px 0px;
}

.btn{
    background-color:#D95721;
    border:solid 1px #FFF;
    color:#FFF;
    padding:2px;
    width: 79px;
    }

.forgot{    
    font-weight:bold;    
}


#prinav{
    width:100%;
    background-color:#3399cc;
	color:#fff; 	
 	padding: 6px 2px 10px 0;
	letter-spacing:1px;
	margin-left:0px;
	margin-top:10px;	
	border-right:solid 1px #ccc;
}


#beneficios h2{
    font-size:22px;
    line-height:27px;
    margin-top:10px;
    margin-bottom:10px;
}

#beneficios h3{
    font-size:19px;
    line-height:24px;
    margin:0;
    margin-left:20px;
}


#beneficio{

}

#bloque-comun{
    margin-top:10px;
    background-color:#F1F1F1;
    border-top:solid  4px #d9d9d9;
    clear:both;
    padding:15px 10px 20px 10px;
    text-align:left;
}

#bloque-comun h2{
    margin:0;
}


#testimomios{
    clear:both;
    text-align:left;
}

#testimomios h2{
    margin:0;

}

#testimonio{
    width:270px;
    border:solid 1px #EEE;
    clear:none;
    float:left;
    padding:10px;
    text-align:left;
}

#nombre{
    font-size:14px;
}

#testimonio img{
    float:left;
    padding-right:15px;
}

.texto{
    padding-left:10px;
    margin-left:10px;
}


.image{
    padding:2 0 10 1px;
    border-bottom:solid 1px #EEE;
}


#prinav a{
	text-align:left;

}

#prinav a,#prinav a:link, #prinav a:visited {
    text-decoration:none;
    text-align:left;
	color:#fff;
}
#prinav a:hover{
	text-align:left;
	color:#fff;
	text-decoration:underline;

}

#prinav ul{
		padding:0 0 7px 10px;
		height:75px;
		border-bottom:1px dashed #eee;
		margin:0;
}


#prinav li{
		display:inline;
		line-height:16px;
		padding-right:4px;
		float:left;
		font-size:13px;
}


#prinav ul li a:hover{
	text-decoration:underline;
}


#prinav h2{
 	padding:5px 0 0 10px;
 	letter-spacing:1px;
 	line-height:24px; 	
 	text-align:left;
 	font-size:20px;
	margin:0;
    color:#FFF;

}




#clr{
    clear:both;
}

#caracteristicas{
    line-height:17px;
    background-color:#F9F9F9;
    border:solid 4px #EDEDED;
    margin-top:10px;
    padding:7px 10px;
    font-size:13px;
    clear:both;
}

#caracteristicas h2{
    color:#000;
    font-size:19px;
}

#caracteristicas h3{
    color:Blue;
    font-size:13px;
    padding:0px 5px 0px 0px;
    margin:0px 0px 0px 0px;
 }



#items #item{
    float:left;
    width:270px;
    margin:10px;
    border-left:solid 1px #DDD;
    padding-left:10px;
}
#items #item h3{
    font-size:16px;
    line-height:20px;
    color:#333;
}

#featured{
    padding:0 0px 10px 0px;    
    text-align:center;
    margin:0;
}


#text-featured{
    margin:5px auto;    
    color:#0033CC;
    width:630px;
    background-color:#F7F8F9;
}

#text-featured h2{
    margin:5px;
    font-size:22px;
    font-weight:normal;
}

#text-featured a{
    color:#EC5F00;
}

#introduccion{
    clear:both;
    margin-top:10px;
}

#noticias{
    clear:both;
    background-color:#fff
}

#noticia{
    width:46%; 
    clear:none;
    float:left;
    padding:10px;    

}

#noticia h2{
/*    color:#f7f1a2;    */
}

#noticia a, #noticia a:link{
    /* color:#FFF;    */
}


#noticia img{
    float:left;
    padding-right:15px;
    width: 150px;
    
}

.texto-noticia{
    padding-left:10px;
    margin-left:10px;
    color:#000;
}


#galeria{
    text-align:left;
    float:left;
    display:inline;
}

#pre-footer{
    clear:both;
    display:block;
    
    text-align:center;
    background-color:#FFF;
    margin:20px 0;
}

#footer{    
    background:#5C5C5C;
    color:#989898;
    border-top:solid 3px #005695;
    text-align:left;
    padding:15px 10px;
    margin:0;
}


#footer ul{
	text-align:left;
	border-bottom:1px #fff solid;
	padding-bottom:3px;
	margin-bottom:10px;
        margin-left:0;
}
#footer li{
	list-style:none;
        line-height:18px;
        margin:0 5px;
	display:inline;	
	
}

#footer a{
    color:#FFF;
}

#footer  a:hover, #footer a:link, #footer a:visited{
	text-decoration:none;
}



#footer p{
	margin:0px;
	text-align:left;
	color:#FFFFFF;
}

#copyright{
    font-size:11px;
}

div.PopupHelp 
{
	border: solid 1px #000000;
	font-size: 10px;
	background-color: #F5F5DC;	
}

div.PopupHelp div 
{
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	font-size: 11px;
}

div.PopupHelp a
{
	position: absolute;
	text-align: right;
	top: 5px;
	right: 10px;
	font-size: 10px;
}

.header-title{
    background-color:#FFF;
    margin:0;    
}

.registro{
    background-color:#FFF;
}
table.wizard{
    border:0;
}

table.wizard   tr td{
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    text-align:center;
}

.precio
{
	text-align:right;
	background-color:BlanchedAlmond;
	}
	
	
	.style1
        {
            width: 100%;
        }
        .style2
        {
            font-weight: bold;
            text-align: center;
            background-color:LightSteelBlue;
            
        }
    .style3
    {
        color: #FF6600;
    }
    .GreyCol
    {
           
            background-color:Gainsboro;
            
        }
  #video
  {
  	/*border-bottom-style:solid;
  	border-bottom-color:Gray;
  	border-width:1px;*/
  	/*width:200px;*/
  	float:right;
  	}
  	
  	#factura
  	{
  		width:260px;
  		
  		}
  	#factura ul
  	{
  		margin:5px 0 0 0px;
  		padding:0px;
  		}
  	#factura li
  	{
  	    float:left;
  	    background:url("../img/webcam_icon.jpg") no-repeat scroll 0 50% transparent;
  		margin:0px 0px 0px 0px;
  		padding:5px 0px 5px 30px;
  		width:280px;
  		cursor:pointer;
  		}
  		#factura a:hover, a:link,a:visited
  		{
  		    color:#323232;
  		    font-size:12px;
  		    }
 
.logoEmpresa
  {
  	width:130px;
  	
  	}
  	
  	
 /*estilo del mensaje del certificado*/
  	div .popupConfirm 
{
	border: solid 2px #000000;
	background-color: #F5F5DC;
	position: relative;
	top: -400px;
}

div .titleConfirm 
{
	text-align:center; 
	font-size: 20px; 
	background-color: Blue; 
	color: White; 
	font-family: Arial; 
	font-weight: bolder;
}

div .bodyConfirm 
{
	text-align:center; 
	font-size: 14px; 
	font-family: Arial; 
	font-weight: bolder;
}

.backgroundConfirm 
{
	background-color: Gray;
}
#tabla_de_precios
{
    width:650px;
    height:215px;
    margin:0px 0px 10px 0px;
    
    }
    #tabla_de_precios P
    {   width:650px;
        color:#D95721;
        height:15px;
        float:left;
        margin:0px 10px 10px 0px;
        padding:0px;
        font-size:18px;
        text-align:center;
        }
    #tabla_de_precios IMG
    {
        height:200px;
        width:120px;
        float:left;
        margin:0px 10px 0px 0px;
        padding:0px;
        border:0px;
        }
ul.precios {
	float: left;
	list-style: none;
	margin: 0px; 
	padding: 0px;
	width: 650px;
}
ul.precios li {
	margin:0px 10px 0px 0px;
	padding: 0px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 120px;
	height: 200px;
    top: 0px;
    /*left: 52px;*/
}
ul.precios li img {
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 120px;     height: 200px; /* Set the small thumbnail size */
	    -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	    padding: 0px;

	    position: absolute;
	left: 0px; 
top: 0px;
}
ul.precios li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
/*****************************************opciones****************************************************/
ul.opciones {
	float: left;
	list-style: none;
	margin: 0px; 
	padding: 0px;

}
ul.opciones li {
	margin:0px;
	padding: 0px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 292px;
	height: 91px;
}
ul.opciones li img {
	width: 292px; height: 91px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 0px;
	padding: 0px;

	position: absolute;
	left: 0; top: 0;
}
ul.opciones li img.hover {
	/*background:url(thumb_bg.png) no-repeat center center;  */ /* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}