@charset "utf-8";
/* Euroscola 2010 - Estilos generales - Oneclick */

@import url('bloques_es.css');
@import url('enlaces_es.css');
@import url('formularios_es.css');

html, body{height: 100%; width: 100%;  margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 16px; text-align: justify;}
body{ background:  #fcfdea url(../images/body_top_bg.jpg) top center no-repeat;}

/* Clear Fix*/
.clear-fix{height: 0; padding: 0; margin: 0; line-height: 0; font-size: 0; clear: both;}

/* Separadores */
.separador_h_tipo1{margin: auto; width: auto; height: 33px; background: url(../images/h_sep_type_1.gif) center center;}
.separador_h_tipo2{margin: auto; width: auto; height: 23px; background: url(../images/h_sep_type_2.gif) repeat-x left center; clear: both}
.separador3px{margin: 0; padding: 0; clear: both; height: 3px; line-height: 0; font-size: 0;}
.separador10px{margin: 0; padding: 0; clear: both; height: 10px; line-height: 0; font-size: 0;}
.separador15px{margin: 0; padding: 0; clear: both; height: 15px; line-height: 0; font-size: 0;}
.separador20px{margin: 0; padding: 0; clear: both; height: 20px; line-height: 0; font-size: 0;}

/* Listas */
.list-style-type-1{margin: 0; padding: 0; list-style-type: none;}
.list-style-type-1 li{ background: url(../images/list_style_type_1.gif) no-repeat left 2px; padding-left: 20px; margin-bottom: 3px;}

/* Listas */
.list-style-type-2{margin: 0; padding: 0; list-style-type: none;}
.list-style-type-2 li{ padding-left: 70px; margin-bottom: 3px;}
.list-style-type-2 li.ok{ background: url(../images/es/status_icon_finalizado.jpg) no-repeat left bottom;}
.list-style-type-2 li.notok{ background: url(../images/es/status_icon_pendiente.jpg) no-repeat left top;}
.list-style-type-2 li.closed{ background: url(../images/es/status_icon_cerrado.jpg) no-repeat left top;}


/* Colores */
.fuente_azul{ color: #0000ad;}
.fuente_roja{color: #f30804;}
.fuente_verde{color: #20bc03;}

/* Párrafos */
p{margin: 0 0 15px 0; padding: 0; line-height: 16px;}

/* Alineacion del texto */
.textalign-left{ text-align: left;}
.textalign-right{ text-align: right;}
.textalign-center{ text-align: center;}
.textalign-justify{ text-align: justify;}

/* paddings */
.padding10px{ padding: 10px;}
.padding15px{ padding: 15px;}
.padding-top5px{padding-top: 5px;}
.padding-top10px{padding-top: 10px;}
.padding-top15px{padding-top: 15px;}
.padding-top30px{padding-top: 30px;}
.padding-top100px{padding-top: 50px;}
.padding-right170px{padding-right: 170px;}

/* Margins */
.margin-left-10px{ margin-left: 10px;}

/* Anchos */
.width850px{ width: 850px;}
.width30{width: 30%; float: left;}

/* Float */
.float-left{ float: left;}
.float-right{ float: right;}

/* *Imagenes */
.img-left{float: left; margin: 0px 10px 10px 0;}
.img-right{float: right; margin: 0px 0px 10px 10px;}

/* Titulos */
.titulo_lvl1{margin: 10px 0 10px 0;}
.titulo_lvl2{color: #0000ad;margin: 7px 0 7px 0;}
.titulo_lvl3{color: #6a6ab3;margin: 5px 0 5px 0;}
.titulo_lvl4{color: #8686c5;margin: 5px 0 5px 0;}