/* BASICOS */
*{
margin: 0;
padding: 0;
}

body, html{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background: #F8F1F8;
font-family: Arial, Helvetica, sans-serif;
}

acronym, abbr{
cursor: help;
border-bottom: none;
}

hr{
display: block;
}

label{
cursor: default;
}

.clear{
clear: both;
}

/* BLOQUES */
#contenedor{
width: 750px;
height: auto;
margin: auto;
border-left: 1px solid #cc99cc;
border-right: 1px solid #cc99cc;
background: url("images/bg_cont.jpg");
}

#header{
background: url("images/header.jpg") no-repeat;
height: 142px;
width: 750px;
}
#contenedor.header_flash{
height: 190px;
width: 750px;
}

/*MENU*/
#menu{
height: 20px;
background: #fff;
}

#menu ul{
margin: 0 0 0 20px;
}

#menu ul li{
float: left;
list-style: none;
margin: 0 0 12px 25px;
font-weight: bold;
color: #dd058c;
font-size: 0.7em;
}

#menu ul li a{
color: #7B5183;
text-decoration: none;
font-size: 1.0em;
font-family: tahoma;
}

#menu ul li a:hover{
color: #D580B7;
}

/* IZQUIERDA */
#izquierda{
width: 180px;
float: left;
}

#izquierda .info_izquierda{
width: 148px;
margin: 0 0 0 25px;
}

#izquierda .info_izquierda h1{
text-indent: -99999px;
height: 24px;
background: url("images/comenzar_cursos_mujer.gif") no-repeat;
margin: 10px 0 0 0;
}

#izquierda .info_izquierda ul li{
list-style: none;
font-size: 0.70em;
font-family: verdana;
background: #fef2fe;
margin: 0 0 2px 0;
padding: 5px 5px 5px 10px;
}

#izquierda .info_izquierda ul li:hover{
background: #FD99D8;
}

#izquierda .info_izquierda ul li a{
text-decoration: none;
color: black;
}

#izquierda p{
margin: 10px 0 0 0;
}

/* DERECHA */
#derecha{
width: 180px;
float: right;
}

#derecha .info_derecha{
width: 150px;
height: auto;
margin: 10px 0 0 10px;
}

#derecha .info_derecha p{
margin: 0 0 10px 3px;
border: 0;
}

#derecha .info_derecha img{
border: 0;
}

#derecha .info_derecha img.beneficios{
margin: 0 0 0 3px;
border: 1px solid #cc99cc;
margin: 7px 0 0 3px;
}

#derecha fieldset{
border: 0;
margin: 10px 0 0 5px;
}

#derecha fieldset input{
width: 145px;
font-size: 0.7em;
margin: 2px 0 0 0;
}

#derecha fieldset p{
font-size: 0.7em;
}
#derecha fieldset select{
height: 20px;
width: 145px;
font-size: 0.7em;
}

#derecha fieldset select option{
font-size: 0.8em;
}

#derecha fieldset p.enviar{
font-size: 0.8em;
}

/* INFO */
#info{
width: 388px;
float: right;
}

#info p{
font-size: 0.75em;
color: #666;
font-family: arial, verdana, tahoma;
margin: 5px 0 0 10px;
}

#info p strong a{
text-decoration: none;
margin: 0 0 0 20px;
color: #CC3399;
font-family: verdana, arial, tahoma;
font-size: 0.8em;
}

#info p strong a:hover{
color: #FD64C4;
}

#info p.negrita{
font-weight: bold;
color: #6f0c8d;
line-height: 15px;
font-family: arial;
text-align: justify;
padding: 0 10px 0 0;
}

#info p.negrita a{
color: #6f0c8d;
text-decoration: none;
}

#info img.imagen_info{
margin: 8px 5px 5px 10px;
float: left;
}

#info h2{
margin: 10px 0 10px 130px;
color: #EE82C6;
font-size: 15px;
font-weight: bold;
}

#info h3{
background: url("images/bullet_circulos.gif")no-repeat left;
padding: 3px 0 5px 20px;
margin: 10px 0 3px 10px;
height: 15px;
color: #CC3399;
font-size: 0.7em;
font-family: verdana, arial, tahoma;
}

#info ul{
margin: 10px 0 0 0;
}

#info ul li{
list-style: url("images/li.gif");
margin: 0 0 0 30px;
font-size: 0.75em;
color: #666;
font-family: arial, verdana, tahoma;
}

#info object{
padding: 0 0 0 20px;
}

#info form fieldset{
border: 0;
margin: 20px 0 0 20px;
}

#info form fieldset p input{
background: #FFF3FF;
}

#info form fieldset select{
margin: 0 0 0 10px;
background: #FFF3FF;
}

/* JQUERY */
#banner{
margin: 5px 0 0 5px;
}
#banner div {
position: absolute;
height: 102px;
}
#banner div.active {
z-index: 10;
}
#banner div.last-active {
z-index: 9;
}
#banner div img{
height: 102px;
width: 380px;
border: 0;
}

/* PIE */
#pie h1{
text-indent: -99999px;
height: 38px;
background: url("images/pie.gif") no-repeat #fff;
}