@charset "utf-8";
/* CSS Document */
/* CSS settings */
body{ background:#ddd; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; padding-top:20px; }
p{ margin:0; padding:0; margin-bottom:10px; }
div{ margin:0; padding:0; }
img{ margin:0; padding:0; }
ul{ margin:0; padding:0; }
li{ margin:0; padding:0; }

.imgLeft { float:left; margin: 10px 15px 15px 0;}
.imgRight { float:right; margin: 10px 0 15px 15px;}
.cutt { width:100%; height:7px; border-bottom: 1px #CCC dotted; clear:both; overflow:hidden; margin-bottom:10px;}
.pIntro { color:#333; font-weight:bold;}

/* general classes */

#top{ background:url(../images/border.png) repeat-y bottom center; width:100%; height:190px; float:left; overflow:hidden; }
#top .header{ background:url(../images/header.jpg) no-repeat; width:950px; height:190px; margin:0 auto; }
#middle{ background:url(../images/border.png) repeat-y center; width:100%; height: auto; overflow:hidden; float:left; }
#middle .content{ padding-top:10px; background: url(../images/back-line-vert.jpg) repeat-y; width:950px; height: auto; overflow:hidden; margin:0 auto; }
#middle .content .left-column{ background:url(../images/left-back.jpg) left bottom no-repeat; width:310px; padding-left:10px; height: 1030px; overflow:hidden; float:left; }

#middle .content .left-columnTerm{ width:310px; padding-left:10px; height: 390px; overflow:hidden; float:left; }

#middle .content .right-column{ float:left; width:600px; padding-left:10px; height: auto; overflow:hidden; }
#bottom{ background: url(../images/border-bottom.png) no-repeat top; width:100%; height:100px; overflow:hidden; float:left; }
#bottom .footer{ border-top:1px solid #ccc; padding-top:10px; background: url(../images/footer.jpg) top no-repeat; width:950px; height:150px; overflow:hidden; margin:0 auto; }
/*-end general-*/


/*-menues classes-*/
/*-header-*/
#top .header .menu{ margin-top:10px; width:100%; padding-top:7px; float:left; background: #969; margin-left:1px; border-bottom:2px solid #4E3052; }
#top .header .logo { width:330px; height:145px; }
#top .header .logo a { width:330px; height:145px; display:block;}

#top .header .menu .btn{ color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; float:left; padding-bottom:5px; padding-left:30px; padding-right:10px; border-bottom:2px solid #4E3052; }
#top .header .menu .btn a{ color: #fff; text-decoration:none; }
#top .header .menu .btn a:hover{ color: #F9C; text-decoration:none; padding-bottom:4px; border-bottom:7px solid #ddd; }

/*-FOOTER-*/
#bottom .footer .descargar{ margin-top:7px; width:60%; padding-left:2%; float:left; color: #999; font-family:Tahoma; font-size:11px; }
#bottom .footer .descargar a{ text-decoration:none; color: #777; font-weight:bold; }
#bottom .footer .menu{ margin-top:10px; width:85%; float:left; border-bottom:1px solid #ddd; margin-left:1px; }
#bottom .footer .menu .btn{
color: #444;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
padding-top:2px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
border-bottom:2px solid #CCCCCC;

}
#bottom .footer .menu .btn a{ color: #888; text-decoration:none; }
#bottom .footer .menu .btn a:hover{ color: #222; text-decoration:none; padding-bottom:4px; border-bottom:5px solid #666; }

.tabla{ font-family:Arial, Helvetica, sans-serif; color: #666; font-size:10px; text-align:left; }

.soporte input{ width:400px; }

/*-pie de pagina-*/
#piedepagina{ margin-top:0px; width:100%; float:left; }
#piedepagina .menu{ margin-top:0px; width:900px; margin: 0 auto; color: #999; font-family:Tahoma; font-size:11px; text-align:center; }
/*-end menues classes-*/


/*-content clases-*/
.texto{ width:98%; font-family:Arial, Helvetica, sans-serif; color:#999; font-size:12px; text-align:justify; height:auto; }
.titulo{ width:100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; font-weight: bold; font-size:30px; margin-bottom:10px; }
h2{ font-family: Tahoma, Geneva, sans-serif; color: #069; font-size:22px; margin-left:0; margin-bottom:10px; font-weight:normal; }
td h2{ font-family: Tahoma, Geneva, sans-serif; color: #fff; font-size:18px; margin:0; font-weight:normal; }
h1{ font-family: Tahoma, Geneva, sans-serif; color: #069; font-size:25px; margin-left:0; margin-bottom:10px; font-weight:normal; }

.download-btn{ background:url(../images/download.png); width:220px; height:50px; float:right; margin-right:55px; display:block; cursor:pointer; }
.download-btn a{ width:130px; height:32px; float:right; display:block; }
.texto-small{ margin:3px; float:right; width:100%; margin-right:10px; font-family:Arial, Helvetica, sans-serif; color: #666; font-size:10px; text-align: center; }

/*-renglon superior-*/
#lineasuperior{ width:100%; height:30px; background: url(../images/sombra.png) repeat-x top; position:absolute; top:0; left:0; z-index:3; }
#lineasuperior .texto{ font-family:Arial, Helvetica, sans-serif; color: #fff; font-size:10px; width:950px; margin:0 auto; padding-top:4px; text-transform:uppercase; }
#lineasuperior .texto a{ color: #ddd; font-weight:bold; text-decoration:none; }

.starts{ width:88px; height:18px; background:url(../images/s10.png); }

.sales_left { width:177px; height:600px; float:left; overflow:hidden;}
.sales_right { width:177px; height:600px; float:left; overflow:hidden; }
.logo_sarp { width:177px; height:100px; float:left; overflow:hidden; padding: 0 0px 0 0px;}
.tini_text { width:157px; height:380px; float:left; overflow:hidden; text-align:left; padding: 0 10px ;}
.btn_sarp { width:177px; height:56px; float:left; overflow:hidden; padding-left:0; text-align:center;}
.aclara { width:177px; height:30px; float:left; overflow:hidden; padding:0 0 0 0; text-align:center;}
.descarga_texto { width:100px; height:15px; float:left; overflow:hidden;}
img { border:none;}


.header_btn{ width:217px; height:48px; float:right; padding-right:30px; margin-top:90px; background:url(../images/btn_top.png) no-repeat;}
.header_btn a { width:217px; height:48px; display:block; color:#FFFFFF; font-size:15px; text-decoration:none; font-weight:700;}
.position { width:190px; height:25px; float:right; overflow:hidden; padding-top:14px; text-align:center;}
.position a { font-family:Tahoma, Geneva, sans-serif; color:#FFF; font-size:12px; text-decoration:none;}
.position a:hover{ font-family:Tahoma, Geneva, sans-serif; color:#930; text-decoration:none;}


.video_box{ height:900px; width:600px;}