@import 'reset.css';
@import 'fonts.css';

img, div, input{ behavior: url("css/iepngfix.htc") }

body{ background:#fff; font-family:Tahoma, Geneva, sans-serif; color:#4c4c4c; font-size:11px; line-height:13px;}

h1{ height:20px; padding-top:6px; display:block; padding-left:40px; font-size:20px; line-height: 20px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; background:url(../images/bg_circulo_grande.png) no-repeat left;}
h2{ height:14px; display:block; padding-left:20px; background:url(../images/bg_circulo_chica.png) no-repeat left; margin-left:-10px;}
h3{ font-size:17px; font-weight:normal; line-height:18px;}

a{ color:#7b7774; text-decoration:underline;}
a:hover{ text-decoration:none;}

a.logo-facebook{ padding-left:40px;}

#main{width:960px; display:block; margin:0 auto;}

#box-left{ width:282px; height:796px; padding-right:19px; padding-left:21px; display:block; float:left; clear:none; display:block; background:url(../images/bg_box_left.jpg) no-repeat; position:relative; margin-right:8px; _margin-right:4px;}
#box-left a#logo{width:280px; height:172px; display:block; background:url(../images/logo.jpg) no-repeat; text-indent:-9000px; margin-top:10px; }
#box-left div.box-texto-slogan{width:240px; border-top:8px solid #f70505; margin:10px auto; padding-top:10px;display:block; text-align:justify;}
#box-left fieldset#login{width:160px; height:130px; padding-right:70px; padding-left:10px; padding-top:10px; margin-top:0px; display:block; position:relative;}
#box-left fieldset#login label{ font-size:9px; padding-top:4px; color:#333; clear:both; float:left; width:60px; display:block;}
#box-left fieldset#login input.campo{width:160px; height:16px; float:left; clear:both; margin-top:5px; margin-bottom:5px; display:block;}
#box-left fieldset#login input.tipo-check{ width:auto; float:left; position:absolute; bottom:12px; left:80px; clear:none; display:block;}
#box-left fieldset#login input.btn-registrar{cursor: pointer; width:69px; height:20px; text-align:center; position:absolute; bottom:12px; right:64px; float:left; clear:none; border:none; text-align:center; color:#fff; font-size:11px; background:url(../images/btn_registrarse.jpg) no-repeat; display:block;}
#box-left fieldset#login input.error { background-color: #ff6666 }
#box-left fieldset#login select.error { background-color: #ff6666 }
#box-left fieldset#login label.error {display:none; height:0px; width:0px;}

/*
#box-left a.btn-cursos-uno{width:282px; height:125px; display:block; float:left; clear:none; background:url(../images/img_banner_cursos.jpg) no-repeat; text-indent:-9000px; margin-top:5px;}
#box-left a.btn-cursos-uno:hover{ background:url(../images/img_banner_cursos_hover.jpg) no-repeat;}
#box-left a.btn-cursos-dos{width:282px; height:125px; display:block; float:left; clear:none; background:url(../images/img_banner_cursos_2.jpg) no-repeat; text-indent:-9000px; margin-top:5px;}
#box-left a.btn-cursos-dos:hover{ background:url(../images/img_banner_cursos_2_hover.jpg) no-repeat;}
*/

#box-left a.btn-cursos-uno{width:226px; height:100px; display:block; float:left; clear:none; background:url(../images/img_banner_cursos.png) no-repeat; text-indent:-9000px; margin-top:15px; margin-left:20px;}
#box-left a.btn-cursos-uno:hover{ background:url(../images/img_banner_cursos_hover.png) no-repeat;}
#box-left a.btn-cursos-dos{width:226px; height:100px; display:block; float:left; clear:none; background:url(../images/img_banner_cursos_2.png) no-repeat; text-indent:-9000px; margin-top:15px; margin-left:20px;}
#box-left a.btn-cursos-dos:hover{ background:url(../images/img_banner_cursos_2_hover.png) no-repeat;}


#head{width:630px; padding-bottom:10px; float:left; clear:none; display:block;}
#head ul.menu-top{width:630px; float:left; clear:none; text-align:right; padding-top:20px;}
#head ul.menu-top li{ display:inline; padding:0 10px;}
#head ul.menu-top li a{ font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#head ul.menu-top li a:hover{color:#f70505;}

#foot{width:960px; height:184px; background:url(../images/bg_foot.jpg) repeat-x bottom; display:block; float:left; clear:none; position:relative;}
#foot a#logo-pie{width:194px; height:46px; display:block; float:left; clear:none; background:url(../images/logo_foot.jpg) no-repeat; text-indent:-9000px; position:absolute; top:126px; left:18px;}
#foot div.box-informes{width:246px; height:78px; padding-left:238px;  display:block; position:absolute; background:url(../images/bg_informes.jpg) no-repeat; left:352px; top:12px;}
#foot div.box-informes p,#foot div.box-informes a{color:#000;}
#foot ul.menu-foot{ width:300px; position:absolute; top:145px; right:20px; text-align:right; }
#foot ul.menu-foot li{ display:inline;}
#foot ul.menu-foot li span{ color:#fff; margin:0 10px;}
#foot ul.menu-foot li a{color:#fff; font-size:9px;}
#foot ul.menu-foot li a:hover{color:#000; }

#top-chico{ width:630px; height:226px; display:block; float:left; background:url(../images/bg_head_flash_home.jpg) no-repeat;}
#top-normal{ width:630px; height:138px; display:block; float:left; background:url(../images/bg_head_flash.jpg) no-repeat;}

#cont{width:630px; display:block; float:left;}

#cont-home{ width:600px; height:485px; padding-top:30px; padding-left:30px; background:url(../images/bg_cont_gral.jpg) no-repeat; display:block; float:left; margin-top:10px;}
#cont-gral{ width:600px; height:589px; padding-top:30px; padding-left:30px; background:url(../images/bg_cont.jpg) no-repeat; display:block; float:left; margin-top:10px;}

div.linea-degrade{width:597px; height:4px; display:block; background:url(../images/linea_degrade.jpg) no-repeat; float:left; margin:20px 0;}

ul.lista-home{ width:600px; float:left; clear:none; display:block;}
ul.lista-home li {width:600px; height:116px; display:block;}
ul.lista-home li div.box-home-izq{width:204px; height:116px; float:left; clear:none; display:block;}
ul.lista-home li div.box-home-der{ width:355px; padding-left:38px; float:left; height:116px; display:block; }

ul.lista-novedades{ width:600px; float:left; clear:none; display:block;}
ul.lista-novedades li{ width:250px; height:216px; background:url(../images/bg_list_novedades.jpg) no-repeat bottom left; float:left; clear:none; display:block; position:relative; margin-right:50px; margin-bottom:50px;}
ul.lista-novedades li a.link-info{width: 80px; padding-right:20px; font-size:8px; text-decoration:none; position:absolute; bottom:-3px; right:-2px; font-weight:bold; color:#f70505; background:url(../images/bg_mas_info.jpg) no-repeat right; text-align:right; }

div.box-noticias-der{width:290px; float:left; clear:none; display:block;}
div.box-noticias-izq{width:230px; padding-right:40px; float:left; clear:none; display:block;}
div.box-noticias-izq p{ font-size:10px;}

ul.lista-cursos{width:600px; float:left; clear:none; display:block;}
ul.lista-cursos li {width:242px; height:100px; float:left; clear:none; display:block; position:relative; margin-right:50px; _margin-right:25px; margin-bottom:40px; background:url(../images/bg_list_novedades.jpg) no-repeat bottom left;}
ul.lista-cursos li a.link-descargar{width: 100px; padding-right:20px; font-size:8px; text-decoration:none; position:absolute; bottom:-2px; right:4px; font-weight:bold; color:#f70505; background:url(../images/bg_mas_info.jpg) no-repeat right; text-align:right; }

div.box-contacto-left{width:370px; float:left; clear:none; display:block;}
div.box-contacto-left p{color:#000; padding-left:10px;}
div.box-contacto-left p a{color:#000;}
div.box-contacto-right{width:210px; float:left; clear:none; display:block;}

div.box-texto-usuario{ width:520px; float:left; clear:none; display:block; padding-right:40px; padding-left:40px;}

ul.lista-usuario{ width:500px; float:left; clear:none; display:block;}
ul.lista-usuario li{ width:230px; margin-right: 20px; padding-bottom:20px;  background:url(../images/bg_lista_cursos.jpg) no-repeat bottom left; float:left; clear:none; position:relative;; margin-bottom:10px;}
ul.lista-usuario li a.link-info{width: 100px; padding-right:20px; font-size:8px; text-decoration:none; position:absolute; bottom:-3px; right:-2px; font-weight:bold; color:#f70505; background:url(../images/bg_mas_info.jpg) no-repeat right; text-align:right; }
ul.lista-usuario.list-video li{ background:none; padding-bottom:0;}

div.box-video{width:280px; height:250px; float:left; clear:none; display:block; border:1px solid #b2b2b1; margin-bottom:10px;}

div.mapa-google{width:324px; height:195px; margin:0 10px; clear:none; display:block;}

fieldset#contacto{width:210px; float:left; clear:none; display:block;}
fieldset#contacto label{ font-size:11px; color:#f70505; clear:both; float:left; width:210px; padding-top:2px; padding-bottom:2px;}
fieldset#contacto input.campo{width:198px; height:15px; float:left; display:block; clear:none; border:1px solid #c9c9c9; background:#d9d9d9; font-family:Tahoma, Geneva, sans-serif; color:#4c4c4c; font-size:11px;}
fieldset#contacto textarea{width:198px; height:192px; float:left; display:block; clear:none; border:1px solid #c9c9c9; background:#d9d9d9; font-family:Tahoma, Geneva, sans-serif; color:#4c4c4c; font-size:11px;}
fieldset#contacto input.btn-enviar{width:69px; height:20px; text-align:center; float:right; margin-right:10px; _margin-right:5px; clear:none; border:none; text-align:center; color:#fff; font-size:11px; background:url(../images/btn_registrarse.jpg) no-repeat; display:block;}

div.box-usuario-right{width:250px; padding-left:50px; float:left; clear:none; display:block;}

.cont-fck *{background: transparent ! important; }
.cont-fck p {margin-bottom: 16px; }
.cont-fck ul {list-style:disc inside; margin: 0px 0px 16px 16px; }

#status-login {height: 120px; width: 210px; background: #bbb; position: absolute; margin-top: 0px; z-index: 1;filter:alpha(opacity=80); /* IE */ -moz-opacity:0.8; /* Firefox, Opera, ... */ opacity: 0.8; /* CSS 3*/ display: none;}
#status-login div {background: red; color: white; padding: 4px; width: 100px; float: right; text-align: center;}

a.acceso-seccion {color: #4c4c4c; text-decoration: none;}
a.acceso-seccion:hover {text-decoration: underline;}