/* 
    Document   : estilos
    Created on : 08-oct-2010, 9:40:59
    Author     : admin
    Description:
        Purpose of the stylesheet follows.
*/

root { display: block; }
body{
    background: #FFFFFF;
    color: #000000;
    font-family:arial,Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0px;;
    margin-right: 0px;
    text-align: center;
    margin-top: 5px;
    text-decoration: none;   
    
}
a{text-decoration: none; color:black;}
a:hover{
    color:#FF9900;
}

.bold { font-weight: bold; }

/* Capa Contenedor */
#contenedor{ width: 800px; border: 0px; padding: 0px; margin: auto;}

/******* TOP *******/

#top {margin-bottom:4px; border-bottom: 2px solid #8ba4d6; }
#top-1{ height:15px; width:800px; margin-bottom: 7px; }
#top-1 ul li{ display: inline; padding-left: 5px; float: right; }
#top-1 ul li img{ border: 0px; }
#top-1 a{ border:0px; }
#top-2{ 
    background: url(/images/top-images/corner.gif) #0B5A97 right top no-repeat;
    font-size: 10px;
    padding: 3px 0px 3px 0px;
    border-top: 0px solid #8ba4d6;
    border-bottom: 0px solid #8ba4d6;
}

/*********** #top link styles ***********/
#top-2 a{ font-weight: bold; text-decoration: none; color: #fff;}
#top-2 a:hover{	color: #000;}
#top-2 a.fecha{
    background-color: #f90;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    padding: 4px;
    border: 2px #fff solid;
}
#top-2 a.fecha:hover{ color: #000; }
div#logo {
    width:800px; height:99px;
    /*background-image: url('../images/top-images/spanish-course.jpg');*/
    background: url('../images/top-images/spanish-course.jpg') #416AA1 right no-repeat;
    text-align: left;
}
#logo img{ height: 35px; border:none;}
#logo h1 a{ color: #FF9900; margin-bottom: 5px; margin-left: 5px; text-decoration: none;}
#menutop { padding-left: 0px; background-color:#F90; width:800px; min-height: 20px;/*height:20px;*/ text-align:right; }
#menutop ul{ margin:0; padding:0; padding-left: 5px;}
#menutop li{ display:inline; vertical-align: middle;}
#menutop a {
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;
    padding-right:15px;
}
#menutop a:hover { color: #000; }
.logo-pic { background-color: #fff; margin: 5px 0 0 8px; }
#donde {
    background-color: #fff;
    font-size: 11px;
    padding: 3px 0px 3px 3px;
    color:#015995;
    text-decoration:none;
    font-weight:bold;
    text-align: left;
}
#donde a {
    font-size: 11px; color:#015995;
    text-decoration:none;
    padding: 1px 0px 0px 1px;
}
#donde a:hover { text-decoration:underline; }
#donde h1 {font-size: 11px; color:#015995; text-decoration:none; margin:0; }

/************* FIN TOP *********************/

/****** MENU IZQUIERDA ******/

.borde_naranja { border:0px; /*background:#ededff;*/ background-color: transparent; vertical-align:top;}
.borde_naranja ul li {padding: 0px;}
#menuleft dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none;}
#menuleft { width:165px; float:left;}
#menuleft dl { color:#FFFFFF; }
#menuleft dt {
    text-indent:4px;
    text-align:left;
    cursor: pointer;
    margin: 2px 0;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    border:thin;
    border-color:#8ba4d6;
    background: #8ba4d6;
    color:#FFFFFF;
}
#menuleft dd { border: 1px solid #ededff; color:black;}
#menuleft li { text-align: left; text-indent:5px; background: #ededff; height: 15px;}
#menuleft dt a { color: #FFFFFF; text-decoration: none; display: block; border: 0 none; height: 100%; }
#menuleft li a { color: black; text-decoration: none; display: block; border: 0 none; height: 99%; border-bottom:1px solid rgb(200,200,200);}
#menuleft li a:hover, #menuleft dt a:hover { background-color:#D5E1F0;}

#box_left { margin-top: 4px; width:163px; border:solid 1px #0066CC; padding: 6px 0px 6px 0px; }
#box_left li { background-color:#FFFFFF; font-size:11px; }

.box { border:0px; background:#ededff url(/images/backgrounds/spot.gif) top left no-repeat;
       text-align:center; margin:0 0 20px 0; /*padding:8px 5px 25px 5px;*/ padding-bottom: 0px;
    border:1px solid #8ba4d6;}
.box a { text-decoration: none; color:#FF6600; font-size: 18px;}
.box a:hover{ color:#558CB6; }

/****** FIN MENU IZQUIERDA *****/

/****** MENU DERECHA ********/

.borde_naranja_right { border:0; background:#ededff; vertical-align:top; float: right;}
.borde_naranja_right {vertical-align: top; /*border-left: 2px #ededff solid;*/ background:#fff; width:165px; vertical-align:top;  float: left; height: 100%;}
.borde_naranja_right ul li {padding: 0px;}
#menuright ul, li { margin: 0; padding: 0; list-style-type: none; }
#menuright { width:165px; padding-left:5px;}
#menuright dt { text-indent:4px; text-align:left; cursor: pointer; margin: 2px 0;
                height: 20px; line-height: 20px; font-weight: bold; border:thin;
                border-color:#8ba4d6; color:#FFFFFF; background-color: #E8B10D;}
#menuright dd { border: 1px solid #ededff; }
#menuright li { text-align: left; text-indent:10px; background-color: #F8E096; height: 15px;}
#menuright dt a { color: #FFFFFF; text-decoration: none; display: block; border: 0 none; height: 100%; }
#menuright li a { color: #000; text-decoration: none; display: block; border: 0 none; height: 99%; border-bottom:solid 1px rgb(200,200,200); }
#menuright li a:hover, #menuright dt a:hover { background-color:#D5E1F0; }
.menuright-titulo { border-bottom:2px #ededff solid; color:#0B5A97; font-weight:bold; text-align: left; margin-left: 5px; font-size: 12px;}
#menuright img { padding: 1px 3px 2px 4px; border: 1px #ededff solid; }
#menuright h3 { color: #0B5A97; padding-top:0px; }
#menuright a { text-decoration:none; color: #0B5A97;  }
#menuright hr { border: 1px #ededff solid; }
#menuright #free_brochure { color: #0000FF; font-size: 15px; font-weight: bold; letter-spacing: -1px;}
.free_brochure{ color: #0000FF; font-size: 15px; font-weight: bold; letter-spacing: -1px; }

#imagen_skype{border: none; width:124px; height:52px;}


/***** Adds.php ****/
/*
div#adds-right { padding-left:0; font:11px Arial, Helvetica, sans-serif;}
div#adds-right ul {list-style:none; margin:0; padding:0; display:block; }
.adds-titulo { border-bottom:2px #ededff solid; font:11px Arial, Helvetica, sans-serif; color:#0B5A97; font-weight:bold;  }
div#adds-right li {padding:2px 0 0px 0;}
div#adds-right li ul {list-style:url(../images/top-images/middot.gif); padding:2px 0 10px 20px; color:#8ba4d6;  font-size: 11px; }
div#adds-right li ul a {color:#8ba4d6; padding:4px 0 2px 0px;}
div#adds-right li ul a:hover {color:#F60; text-decoration:none; }
div#adds-banners {padding:10px 0 10px 0; }
div#adds-right h5{margin:5px 0 5px 0;}
*/
/******** FIN Adds.php *****/

/****** banners.php ****/
div.bannersdcha{ padding-top:2px; padding-right: 2px; width:160px; text-align:center; background-color: #F8E096;}
p.bannerdcha{ background-color:#E8B10D; color:#FFFFFF; font-weight:bold; font-size:11pt; margin-bottom:0px; margin-top:0px; }
img.bannerdcha{ width:153px; border:solid yellow 3px; margin-bottom:3px; }
#banner_dcha_box a {color:#FF6600;}
#banner_dcha_box{background-color:white; margin-top:3px; margin-bottom:3px; padding-top:2px; padding-bottom:5px; text-align:center; border:ridge black 0px; font-size:20px; font-weight:bold;
                 margin: 2px; }
.banner_dcha_academic_year{margin-top:3px; text-align:center; margin-bottom:10px;}
a.banner_dcha_academic_year{font-size:10pt; color:#FF6600; font-weight:bold;}
/**** fin banners.php ***/

#box_right { width:163px; margin: 6px 0px 4px 5px; border:solid 1px #F8E096; padding-left:0px; float: left;}
#box_right li { background-color:#FFFFFF; font-size:11px }
#box_right p { background-color:#FFFFFF; font-size:11px; }

/***** FIN MENU DERECHA ******/

/**** DESPLEGABLE IDIOMAS ******/

div#idiomas {padding: 5px 0 0 5px;}
div#idiomas ul {
    margin:0;
    padding:2px;
    list-style: none;
    background: url(../images/flagidiomas/r0.gif) center left no-repeat #fff;
    width:150px;
    text-align:right;
    border: 2px solid #ededff;
}
* html div#idiomas ul {text-align:center; }
div#idiomas ul li{
    font: normal 12px verdana;
    display: block;
    position:relative;
    text-decoration: none;
    color: #777;
}
div#idiomas ul li img { height: 10px; border: none; }
div#idiomas li ul{
    background:none #fff;
    text-align:left;
    position:absolute;
    left:-3px;
    right:0;
    top:-3px;
    display: none;
    font: normal 10px verdana;
    height:110px;
    overflow:auto;
    border: 1px solid #ededff;
}
div#idiomas li:hover ul, div#idiomas li.over ul { display: block; }
div#idiomas ul li a{
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff;
    margin-right:-0.25em;
    padding: 5px;
    overflow: hidden;
    font: normal 10px verdana;
    width:118px;
    height:10px;
}
div#idiomas ul li a:hover { color: #fff; background: #ccc; }
* html div#idiomas ul li a{ width:130px; height:25px; }
* html div#idiomas li ul{left:-40px;	} 	

/******** FIN DESPLEGABLE IDIOMAS *********/

/************* DOWN (End.php) *************/
#contenedor-end{width:800px; border: 0px; text-align: center; float: right;}
#end-links a {
	font-size:11px;
	text-decoration:none;
	color:#0B5A97
}

#end-links a:hover{
	font-weight:bold
	}

#copyrights {
	padding-top:5px;
	font-size:11px;
	text-decoration:none;
	color:#000000
}

#copyrights a {
	text-decoration:none;
	color:#000000
}
/*********** FIN DOWN **********************/

/*********** CONTENIDO ****************/

#contenido{width: 409px; vertical-align: top; padding:15px; font-family:Arial, Verdana, sans-serif;
           font-size: 12px; float: left; padding-top: 0px; padding-right: 15px; margin-left: 6px;
            border-left: 2px #ededff solid; border-right: 2px #ededff solid;}
#contenido li{list-style-type: disc; list-style-position: inside;}
#contenido h1 { color: #0B5A97; font-size: 20px; vertical-align:bottom;
                border-bottom:1px solid #0B5A97; border-top:1px solid #0B5A97;
                background:#ededff; text-align: justify; margin: 0px; margin-top: 5px;}
#contenido h1 > a{text-decoration: none; color:#0B5A97;}
#contenido h2 { font-size: 16px; text-decoration: underline; color: #0B5A97; text-align: justify;}
#contenido hr { color: #FF9933; }
#contenido h4 { color: #FFFFFF; background-color: #F5993F;}
#contenido h3{background-color: #FFCC33;}
/****** FIN CONTENIDO ************/


/******* CUADROS CSS Y HTML VALIDATOR ************/

.css_html_validator{border:0;width:68px;height:24px}

/*********** FIN CSS Y HTML VALIDATOR **************/

/*** TABLAS ***/
.fila_par{background-color: white;}
.fila_impar{background-color: #eeeeee;}
/********/

/**** PIE DE PAGINA (end.php) ******/

.pn-sub {
    background-color: transparent;
    color: #000000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;    
}

.pn-sub table{
    text-align: center;
}

.pn-sub A:link {
    background-color: transparent;
    color: #000000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    font-style: normal;
    text-decoration: underline;
}

.pn-sub A:visited {
    background-color: transparent;
    color: #000000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    font-style: normal;
    text-decoration: underline;
}

.pn-sub A:hover {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

.pn-sub A:active {
    background-color: transparent;
    color: #427BAE;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    font-style: normal;
    text-decoration: underline;
}

/************************/

/**** VARIOS *********/
ol{list-style-type: decimal; list-style-image: none; list-style-position: inside;}

.tabla_fondo_gris{ background-color: #efefef; width: 95%; text-align: center; font-size: 11px;}
.tabla_fondo_gris a#titulo{font-size: 15px;}
.tabla_fondo_gris a{font-size: 12px;}

.tabla_enlaces{width: 100%; text-align: center;}

.sitios_provincias{font-size: 16px; text-decoration: underline; color: #0B5A97; text-align: justify; font-weight: bold;}

.clases_gratis div{
    float:left;
}

.clases_gratis a{
    border:1px solid silver; padding: 15px; /*-moz-border-radius:15px;*/ margin-right: 10px;
}

ol{text-align: justify; list-style: decimal; padding:5px; font-size:13px;}

ol li{ padding-top: 5px; list-style-type: decimal;}

ol ul{
    text-indent: 25px;
    padding-top: 5px;
    list-style-position: outside;
}

ul{text-align: justify;}

ul li{padding-top: 5px;}

.tachado { text-decoration: line-through; }
/* para corrector */
.activities td.bien {
	background-color: #C0E0C0;
	border: 1px solid #008000;
}
.activities td.mal {
	background-color: #FFC0C0;
	border: 1px solid #ff0000;
}

/*******************************/

.disc{margin-left: 30px; list-style-position: inside;}

/************ TABLAS PRESUPUESTOS **********/
#fieldset_presupuesto{ border: 1px solid #0B5A97;}

.tabla_presupuesto{border: 1px solid #0B5A97; width: 100%;}

.celda_azul{background-color: #0B5A97; color:white;}
.celda_gris{background-color: #DFDFDF; color:black; text-align: center;}

.select_presupuesto{color:#0B5A97; font-variant: normal; font-weight: bold; border: 1px solid #0B5A97; min-width: 30px;}

.tabla_presupuesto th{
  background-color: #0B5A97; color:white; border-bottom: 1px solid white; text-align: left;}
.legend-presupuesto{
    font-size: 16px; text-decoration: underline; color: #0B5A97; text-align: justify; font-weight: bold;
}
.botonContinue{
    /*background-color: lightgrey;*/
    border:1px solid #0B5A97;
    width: 65px;
    height: 17px;
}
/****************/

.libro{float:right; padding: 10px;}
.mapa{float:left; padding: 10px;}

hr{
    color:#FF9933;
}

.enrolment td{
    font-size: 0.9em;
    text-align: right;
}
.enrolment td.izq{text-align: left; padding-left: 5px;}
.enrolment td.cen{text-align: center;}

.enrolment legend{
    font-variant: small-caps;
    font-size: 1.2em;
    font-weight: bolder;
}

.enrolment{
    border: 1px solid #0B5A97;
}
.enrolment label{
    font-weight: bold;
}

.enrolment label span{
    font-weight: normal;
}

.enrolment span{
    font-size: 1em;
    font-style: italic;
    color:red;
}
/*
.enrolment textarea{
    resize:none;
}
*/

.justificado {
	text-align: justify !important;
}

/* Columnas en special-courses */

.col2 {
	width:45%;
	float:left;
	padding:5px;
}

.col2 span {
	font-weight: bold;
	text-decoration: underline;
}

.col2 p {
	text-indent: 5px;
	line-height:100%;
}

.col2 h1
{
	text-align:center;
}


.centrado {
	text-align:center !important;
}

.sinborde {
	border:0px;
}

.cursiva {
	font-style:italic;
}

/* Publi 20 */
#img20 {
	width: 50%;
}

.condiciones {
	font-weight: bold;
	text-decoration: underline;
}

.ofer20 {
	padding-bottom: 10px;
}

.ofer20 ul,li{
	line-height:100%;
	text-indent: 10px;
}

#imag2s {
	text-align: center;
}

#imag2s img{
	width: 40%;
}

.contacto {
	float:left;

}

/* */

.oculto {
	display:block;
}

.compartir {	
	margin-left: 20px;
	text-align: left;
}

#rara li{
	list-style-type: decimal !important;
	padding-bottom:20px;
}
#rara li li{
	list-style-type: none !important;
	padding-bottom:0px;
	text-indent:2em;
}

.adactivities {
	float: left;
}

.adactivitiesright {
	float: right;
}

.izda { 
	text-align: left;
}

#texto {
	text-align: left;
}

.texto {
	text-align: left;
}