/*--- GENERAL ---*/
body {text-align:center; font:normal 12px Arial, Verdana, sans-serif;}
img, table {border:none; border-collapse:collapse;}
a:link {color:#222244; text-decoration:none;}
a:hover {color:#222299; text-decoration:underline;}
a:visited {color:#222244; text-decoration:none;}
a:active {color:#222244; text-decoration:none;}

a.info, a.solicitar, a.volver {display:block; float:left; padding:40px 5px 5px 5px; font:bold 11px Arial; margin:5px; text-decoration:none;}
a.info {background:url(img/btn-info.jpg) no-repeat center top;}
a.solicitar {background:url(img/btn-solicitar.jpg) no-repeat top center;}
a.volver {background:url(img/btn-volver.jpg) no-repeat top center;}
a.info span, a.solicitar span, a.volver span {color:#29397f;}
a.info:hover span, a.solicitar:hover span, a.volver:hover span {color:#cc9e51;}

p, li {color: #000000; font:normal 12px Lucida Sans, Arial, Helvetica, sans-serif; text-align:justify;}
p {text-indent:35px;}
p.centrado {text-align:center; text-indent:0;}
p.sinsangria {text-indent:0;}
li {text-align:left;}
.contenidos {color: #000000; font:bold 14px Lucida Sans;}
ul.listado li {margin:13px 0;}
h1.centrado {text-align:center; margin:25px 0;}
h1.home {font-size:12px; text-align:center; padding:0; margin:0; color:#29397f;}
h1.familia, h1.curso, h1 {font:bold 20px Lucida Sans; color:#29397f;}
h2.fam-curso, h2 {font:bold 16px Verdana;  color:#3366FF; text-align:left; margin-top:35px;}
h1.familia span, h1.curso span, h2.fam-curso span  {font:bold 12px Arial; display:block; text-align:left; color:#2e992f;}
ul.cabera-curso, ul.cabera-curso  li {margin:0; padding:0; list-style:none; background-image:none;}
ul.cabera-curso {margin-top:-20px;} h1.curso span {margin-left:-999em;}
ul.cabera-curso li, ul.cabera-curso li a, ul.cabera-curso  li span {display:block; float:left; margin-right:10px;}
ul.cabera-curso li a  {padding:5px; background-color:#ccc; color:#000; text-decoration:none; color:##29397f;font-weight:bold;}
ul.cabera-curso li a:hover {background-color:#BBCCFF;}
ul.cabera-curso li span  {padding:5px; background-color:#2e992f; color:#fff;font-weight:bold;}

/*-------HOME-------*/
table.home {width:100%; font-family:'Futura', Arial, Helvetica, sans-serif; margin:10px 0;}
table.home a {text-decoration:none;}
table.home a:hover {text-decoration:underline;}
table.home td {border:2px solid #fff; border-collapse:separate; vertical-align:top;}
td.claro {background:#8ea1d9 url(img/bg-claro.jpg) no-repeat left bottom;}
td.oscuro {background:#48528d url(img/bg-oscuro.jpg) no-repeat bottom right;}
td.oscuro a {color:#fff;}
td.oscuro h2 a {color:#edb056;}
* html td.oscuro img {margin-left:-3px;}
table.home td h2 {font-size:13px; text-align:right; margin:5px 5px 0 0;}
td.claro h2 {background:url(img/bg-h2a.jpg) no-repeat bottom right; padding-bottom:5px;}
td.oscuro h2 {background:url(img/bg-h2b.jpg) no-repeat bottom right; color:#edb056;}
td.claro * {color:#29397f;}
table.home ul, table.home li {margin:0; padding:0; list-style:none;}
td.oscuro ul li {color:#fff; width:215px; font-size:10px; margin-left:5px;}
}

table.tabla {border-spacing:0; border-collapse:collapse; margin:0 auto;}
table.tabla  th {background-color:#ccc; padding:5px; font:bold 12px Verdana;}
table.tabla  td {padding:5px; border:1px solid #ccc;}

ul.indice  li {font-size:14px; margin:1em 0;}
ul.indice a {text-decoration:underline;}

/*-------BREADCRUMB------*/
ul.breadcrumb, ul.breadcrubm li, ul.ico-cesur, ul.ico-cesur li {margin:0; padding:0; list-style:none;}
ul.breadcrumb {text-align:left; margin-bottom:25px;}
ul.breadcrumb li {display:inline; color: #cc9e51;}
ul.breadcrumb li a {padding-right:13px; background: url(img/icoFlecha.gif) no-repeat right center;}
ul.ico-cesur li {padding:3px; padding-left:13px; background: url(img/ico-cesur-mini.gif) no-repeat left top; }

/*vinculos botonera y dele*/
#espanol-distancia a {font:bold 12px Verdana;}
#espanol-distancia a:hover {font:bold 12px Verdana;text-decoration: none;}

#espanol-distancia a.botoini {color:#ffffff;}
#espanol-distancia a.botoini:hover {color:#6D9D61;}

#espanol-distancia a.botointer {color:#ffffff;}
#espanol-distancia a.botointer:hover {color:#E58D45;}

#espanol-distancia a.botoava {color:#ffffff;}
#espanol-distancia a.botoava:hover {color:#E766B6;}

#espanol-distancia a.botosup {color:#ffffff;}
#espanol-distancia a.botosup:hover {color:#E2BD53;}

#espanol-distancia a.botodele {color:#ffffff;}
#espanol-distancia a.botodele:hover {color:#59BCAF;}

td.dele {color:#000000; font:bold 12px Verdana; text-decoration: underline;}
#nivel-dele a.dele:link {color:#FF9933; text-decoration: underline;}
#nivel-dele a.dele:hover {color:#FF9933; text-decoration: none;}
#nivel-dele a.dele:visited {color:#FF9933;}
#nivel-dele a.dele:active {color:#FF9933;}


td.espanol-parrafo li {color:#000000; font:normal 12px Geneva, Sans-serif, Arial; margin-left: 0px;}

img.formu {margin-top: 0px; margin-left: 20px;}

img.cervantes {margin-top: 188px; margin-left: 470px;}
* html  img.cervantes {margin-top: 190px;}


/*-------TABLAS DE CURSOS POR PROVINCIA-------*/
h1.fp-tenerife {background:#fff url(img/fp-superior-tenerife.jpg) no-repeat top center;}
h1.fp-badajoz {background:#fff url(img/fp-superior-badajoz.jpg) no-repeat top center;}
h1.fp-malaga {background:#fff url(img/MAL.jpg) no-repeat top center;}
h1.fp-sevilla {background:#fff url(img/SEV.jpg) no-repeat top center;}
h1.fp-superior-madrid {background:#fff url(img/MAD.jpg) no-repeat top center;}
h1.fp-medio-madrid {background:#fff url(img/txtmadrid.jpg) no-repeat top center;}
h1.fp-online {background:#fff url(img/ON.jpg) no-repeat top center;}
h1.fp-las-palmas {background:#fff url(img/fp-superior-las-palmas.gif) no-repeat top center;}
h1.fp-superior-madrid span, h1.fp-medio-madrid span, h1.fp-malaga span, h1.fp-sevilla span, h1.fp-online span, h1.fp-las-palmas span, h1.fp-badajoz span, h1.fp-tenerife span {margin-left:-9999px; padding-bottom:15px;}

div.lista-cursos {background-color:#EAF0FC; margin:10px 0; padding:10px;}
div.lista-cursos h2 {font:bold 11px Arial; margin:0; padding:0; padding-left:15px; background:url(img/ico-h2.gif) no-repeat center left; text-align:left;}
div.lista-cursos table {width:95%; margin:5px 0 35px 0;} 
div.lista-cursos td {padding:3px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
div.lista-cursos td img {margin-bottom:-5px;}

/*-------FICHA DE LA FAMILIA Y EL CURSO-------*/
table.texto-curso td {vertical-align:top;}
table.ficha-curso p.curso {color: #330099; font: bold 12px Lucida Sans; text-indent:0; text-align:left;}
table.ficha-curso td {padding:10px;}
table.ficha-curso h2 {font-size:14px; text-align:center; margin-top:15px; color:#304A49;}


/*LANDINGS*/
ul.lista-ciclos li {margin:7px; margin-right:50px; list-style:none; background:url('img/ico-white-cesur.png') no-repeat center left; padding-left:25px;}
ul.lista-ciclos li a {font:normal 18px Arial; color:#fff;}
ul.lista-ciclos li a:hover , ul.tres-col li a:hover {text-decoration:underline;}
ul.tres-col, ul.tres-col li { padding:0; margin:0;}
ul.tres-col li {float:left; width:28%; margin-right:10px; list-style:none; background:url('img/ico-blue-round-narrow.gif') no-repeat top left; padding-left:20px;}
ul.tres-col li a {font:bold 12px Arial; color:#EF5D08;}
ul.trescolbttn li, ul.trescolbttn li a {display:block; float:left; list-style:none; background:none; margin:0; padding:0;}
ul.trescolbttn li a {background:url('http://www.cesurformacion.com/img/bg-blue-bottom.png') no-repeat center; padding:15px 10px 17px 10px; width:190px; margin:10px; font:bold 15px Verdana; color:#fff; text-align:center;}

/*--- ESTRUCTURA ---*/
#page, #main {width:980px; position:relative; margin:0 auto; text-align:left;}
#main {margin-top:15px; background:url(img/bg-banners.gif) repeat-y top right;}

#cabecera{}
#cabecera h1 {width:980px; height:74px; margin:0; background-image:url(http://www.cesurformacion.com/img/cabecera_principal.jpg);}
#cabecera h1 span {margin-left:-9999em;}
div.date {background:#bbccff url(img/bg-date.gif) no-repeat top left; height:13px; padding:3px 10px 0 0; font:bold 9px verdana, arial,sans-serif; text-align:right; color:#002182;}

#menu {background-color:#bbccff;}

#languajes, #languajes li {margin:0; padding:0; list-style:none;}
#languajes{float:right; margin-right:10px;}
#languajes li {float:left; margin-left:5px;}

#nav, #nav ul {padding:0; margin:0; list-style:none; background-color:#FFB754;}
#nav {position:relative; float:right; z-index:50; padding-left:30px; background:#FFB754 url(img/tri_naranja.gif) no-repeat left top;border-bottom:3px solid #FFB754; padding-top:3px;}
#nav ul {display:none;}

#nav li {float:left; position:relative; padding:0; border-left:1px solid #000;}
#nav li a {text-decoration:none; font:bold 12px Arial;}
#nav li b {display:block; float:left; margin:0; padding:3px 5px; margin:0 3px; cursor:pointer;}
#nav li a b.clicked {background-color:#000; color:#fff;}

#nav li ul {position:absolute; left:0; top:23px; float:left; border:1px solid #000;}
#nav li ul.w1 {width:105px;}
#nav li ul.w2 {width:200px;}
#nav li ul.w3 {width:130px;}
#nav li ul.w4 {width:200px;}
#nav li ul.w5 {width:141px;}

#nav li ul.w1 a {width:99px;}
#nav li ul.w2 a {width:194px;}
#nav li ul.w3 a {width:124px;}
#nav li ul.w4 a {width:194px;}
#nav li ul.w5 a {width:135px;}

#nav li ul li {float:none; border:none;}
#nav li ul li a {display:block; padding:3px; font-weight:normal;}
#nav li ul li a:hover {background-color:#000; color:#fff;}

#contenido { width:840px; float:left;}
#main-content {width:640px; float:right;}
#enlaces {width:180px; float:left;}
#enlaces div.contenedor {border:1px solid #002182; background:#bbccff; margin-bottom:25px;}
#enlaces h3 {background:#002182 url(img/ico-amarillo-mini.gif) no-repeat left center; margin:0; padding:7px; padding-left:23px; color:#fff; text-align:left; font:bold 12px Arial; text-transform:uppercase;}
#enlaces ul {padding:0; margin:0; list-style:none;}
#enlaces ul li {background:url(img/cuad_ne.gif) no-repeat left top; padding:0; padding:3px; padding-left:20px; list-style:none; text-align:left;}
#banners {width:125px; float:right;}
#banners div.contenedor {margin:10px 0;}




#pie {height:15px; margin-top:15px; background:#002282;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}