@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
body {margin:0px; padding:0px; font-family: 'Ubuntu', sans-serif; font-size:14px;  background-color:#2b2b2b; background-image:url(../imagenes/body_bg.jpg); background-repeat:repeat-x;}
p { padding:5px; margin:0; }
h1{ font-size:20px; color:#0CF; margin:0; padding:0 0 0 10px; }
h2{font-size:18px; color:#F63; margin:0; padding:5px; }
#wrapper { width:930px; height:auto; margin: 0 auto 0 auto; padding:0;}
#cabecera {width:930px; height:160px;margin: 0 auto 0 auto; background:url(../imagenes/cabecera_bg.jpg)  }
#logo { width:300px; height:66px; padding:25px 0 0 10px; float:left; }
#top_side { width:180px; height:16px; float:right; margin:70px 0 0 0; }
#top_side ul {width:auto; padding:0; margin:0px; }
#top_side ul li {width:70px; font-size:14px; display:block; list-style:none; text-align:center;padding:0 10px; float:right; }
#top_side ul li a { width:70px;display:block;float:right; height:16px;font-size:14px; text-decoration:none; text-align:center;padding:0 10px; display:block; color:#8afffe; }
#top_side ul li a:hover { color:#F63; }
.tactivo {color:#F63; }
#botonera {width:auto; height:50px; float:right; padding:10px 0 0 0; }
#botonera ul {width:auto; height:50px;  padding:0; margin:0px; }
#botonera ul li {width:120px; height:25px; display:block; float:left; text-align:center; list-style:none; margin-left:8px; -moz-border-radius:8px; -webkit-border-radius: 8px; border-radius: 8px; }
#botonera ul li a { font-size:14px; text-decoration:none; text-align:center; width:120px; height:25px; padding-top:15px;  display:block; color:#FFF; }
#botonera ul li a:hover{width:120px; height:25px; display:block; color:#F63; background-color:#FFF; -moz-border-radius:8px; -webkit-border-radius: 8px; border-radius: 8px; }
.activo {width:130px; height:auto; font-size:14px; display:block;padding-top:15px; color:#F63; background-color:#FFF; }
.barra { background:url(../imagenes/barra.jpg) no-repeat right; }
#banner { width:930px; height:380px; padding-top:0; }
#informacion {width:900px; height:auto; background-color:#FFF; padding:20px 15px 30px 15px; overflow:hidden;  }
#informacion p { color:#173248; }
#informacion li { color:#235780; }
.fleft { float:left; }
.fright { float:right; }
.pmain { width:550px; height:212px; padding:10px; font-size:28px;  line-height:1.4 em; text-align:center; background:url(../imagenes/bgtxt_main.png) no-repeat; }
.pmain2 { width:550px; height:212px; padding:10px; font-size:24px;  line-height:1.4 em; text-align:center; background:url(../imagenes/bgtxt_main.png) no-repeat; }
#informacion p.pmain  { color:#8afffe;}
#informacion p.pmain2  { color:#8afffe; text-align:left;}
.pm2 {  font-size:28px; color:#F63; font-weight:600; line-height:2.6em; }
.pm3 { font-size:20px; color:#FFF; line-height:1.4em; }
#panel_tri { width:870px; height:auto;  padding:15px; margin-top:20px; }
#panel_tri p { color:#FFF; }
#panel_tri h2{ font-size:22px; margin:0; padding:10px 10px 0px 10px; color:#FFF; }
.panel {width:245px; height:335px; margin-right:60px;background:url(../imagenes/panel_bg.png); padding-left:5px; }
.tpan { padding:5px;  width:230px; height:auto; color:#FFF; }
.nomargin{ margin-right:0; }
.panel img { padding:10px; }
#txtdwn { margin-top:15px; padding:5px; border:1px solid #CCC; -moz-border-radius:8px; -webkit-border-radius: 5px; border-radius: 5px; }
#txtdwn a { color:#009DE0; text-decoration:none; }
#txtdwn a:hover { color:#F63; }
#formLogin {padding:10px;}
#formLogin tr td { color:#FFF; font-size:18px; }
#formLogin tr td a { color:#F63; }
#formLogin input {width:160px; height:25px;}
#formLogin input.button {width:80px; height:30px;}

#footer{width:960px; height:140px; background:url(../imagenes/footerbg.png);  }
.legal{ text-align:center; color:#FFF; padding-top:20px; }
.bold { font-weight:bold; }


#informacion h1 { background:url(../imagenes/caracteristicas.jpg) no-repeat; padding:6px 0 15px 35px; }
/*formulario*/
#contentForm { display: block;  width: 450px; height:190px; margin: 0 auto;/*this line will center the page*/ padding:0; }
/* and now the form formatting itself */
#contentForm label {display: block;float: left;clear: left; width: 100px;line-height: 23px;margin-bottom: 10px;margin: 3px 0; color:#FFF; font-size:18px; text-align:left;}

#contentForm input, textarea, select {display: block;float: right;margin: 0;padding: 2px; margin: 3px 0;
}   

#contentForm input:focus, textarea:focus, select:focus {border: 1px solid #FFF;}

#contentForm input.buttonform {cursor: pointer;border: none;width: 80px;height: 20px; margin:10px 0 0 150px;}

#contentForm span.required{font-size: 13px !important;color:#F60; !important;
}

#contentForm.errormsg {display: block;width: 90%;height: 22px;line-height: 22px;color: #FFFFFF;font-weight: bold;
  background: #FF9D9D url(../images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

#contentForm.msgSent h2,h3 {font-size: 14px;text-align: center; color:#FFF;}
/*fin formulario*/
 .colortiki {color:#009DE0;}