/*CAMBIAR FUENTE*/
ul.sidemenu li.active, #filtros p, #filtros li.active, #datos ul {font-weight:bold;}

/*COLOREAR*/
#naranja, #filtros p {color:#af5906;}
#azul {color:#0d2e75;}

/*ELIMINAR ESTILOS*/
ul.topmenu, ul.topmenu li, ul.sidemenu, ul.sidemenu li, ul.centrosdestacados, ul.centrosdestacados li, ul.listamenu, ul.listamenu li, ul.listafamilias, ul.listafamilias li, 
#filtros p, p.ampliar, #resultados h2, #resultados h3, #resultados p, ul.listatypes, ul.listatypes li {margin:0; padding:0;}
ul.topmenu a, ul.sidemenu a, ul.centrosdestacados a, ul.listamenu a, ul.listafamilias li a, ul.listafamilias li a, ul.listatypes li a {text-decoration:none;}
ul.topmenu li, ul.centrosdestacados li, ul.listamenu li, ul.listafamilias li, ul.listatypes li {background-image:none;}

body {background:#eceff6 url('../images/body_bg.jpg') repeat-x;}

/*CABECERA*/
p.sitename {float:left; margin-bottom:9px;}
p.sitename a {display:block; width:387px; height:109px;
background:url('../images/logo-tu-formacion-profesional.png') no-repeat center;}
a.inicio {display:block; height:41px; width:96px; float:right; clear:right; background:url('../images/principal.png') no-repeat top right; position:relative;}
a.inicio:hover {background:url('../images/principal.png') no-repeat bottom right;}
p.sitename a span, a.inicio span {position:absolute; left:-999em;}
#top * {font:normal 0.9em Verdana; text-align:right;}
#top strong {font:bold 1em Arial;}
#top {padding:10px; padding-bottom:5px;}
#top input {width:75px; text-align:left;}
#header {clear:both; height:31px; overflow:hidden; background:url('../images/bg-header-02.jpg') no-repeat;}
#header.home {clear:both; height:216px; background:url('../images/bg-header.jpg') no-repeat;}
p.title {clear:both; width:50%; margin:35px 0 0 35px;}
div.banner-head {float:right; position:relative; top:7px;}


/*MENU SUPERIOR*/
ul.topmenu {}
ul.topmenu li {float:left; padding:10px;}
ul.topmenu li a {color:#fff; font:bold 0.8em Verdana,Geneva,Arial,Helvetica,sans-serif;}
ul.topmenu li a:hover {color:#f69000;}


/*MODULOS LATERALES*/
.module {background:url('../images/module-bg.gif') repeat-y center; margin-bottom:15px;}
.module-body {margin:0 8px; background:url('../images/module-bg.gif') repeat-y center;}
.module-top, .module-bottom {display:block; width:250px; height:7px; clear:both;}
.module-top{background:url('../images/module-top.gif') no-repeat top center;}
.module-bottom{background:url('../images/module-bottom.gif') no-repeat bottom center;}
.module h3, #contact-form h3 {margin:0; padding:9px; background:url('../images/module-title.jpg') no-repeat; color:#fff;}
#contact-form h3{margin:5px; text-align:center; background-position:center;}
ul.sidemenu li {background:url('../images/side-menu-li.gif') no-repeat 0 4px; padding:5px 0 5px 27px; border-bottom:1px solid #D8DEEB;}
ul.sidemenu li a:hover {color:#f18200;}
ul.sidemenu li ul {margin:0; margin-top:5px;}
ul.sidemenu li ul li {font:normal 10px Verdana; padding:3px 0 3px 13px; border-bottom:0; border-top:1px dotted #D8DEEB;
 background:url('../images/blue-arrow-03.gif') no-repeat center left;}

ul.centrosdestacados li {float:left; margin:5px;}
ul.centrosdestacados li img {border:1px solid #ccc;}
#siguenos {width:250px; height:84px; background:url('../images/bg-siguenos.jpg') no-repeat center;}
#siguenos p {text-align:right; margin:0; padding:20px 15px 0px 0px;}

/*BUSCADOR Y FILTRO TIPOS*/
ul.listamenu li, ul.listamenu li a, ul.listamenu li a strong, ul.listatypes li, ul.listatypes li a {display:block; float:left;}
ul.listamenu li, ul.listaypes li {margin-right:3px;}
ul.listamenu li.on {border-bottom:1px solid #f3a445;}
ul.listamenu li.off {border-bottom:1px solid #fff;}
ul.listamenu li a strong {padding:10px; padding-bottom:7px; cursor:hand;}
ul.listamenu li.on a, ul.listamenu li.on a:hover {background:url('../images/bg-tab-02-on.jpg') no-repeat top right;}
ul.listamenu li.on a strong, ul.listamenu li.on a:hover strong {background:url('../images/bg-tab-01-on.jpg') no-repeat top left; cursor:default; }
ul.listamenu li.off a {background:url('../images/bg-tab-02-hover.jpg') no-repeat top right;}
ul.listamenu li.off a strong {background:url('../images/bg-tab-01-hover.jpg') no-repeat top left;}
ul.listamenu li.off a:hover {background:url('../images/bg-tab-02-off.jpg') no-repeat top right;}
ul.listamenu li.off a:hover strong {background:url('../images/bg-tab-01-off.jpg') no-repeat top left;}

ul.listatypes {margin-top:15px;}
ul.listatypes li a {padding:7px 13px;}
ul.listatypes li.on a, ul.listatypes li.on a:hover {background:url('../images/bg-tablist-01-on.jpg') repeat-x top center; border-right:2px solid #f3a445;}
ul.listatypes li.off a:hover {background:url('../images/bg-tablist-01-hover.jpg') repeat-x top center; }
ul.listatypes li.off a, ul.listatypes {background:url('../images/bg-tablis-01-off.jpg') repeat-x top center; border-right:2px solid #84a7cf;}

#search-form {padding:10px; background:#f3a445 url('../images/search-bg.jpg') repeat-x bottom center; }
p.legend, label.legend {display:inline; font:bold italic 16px Arial; color:#af5906; margin-right:5px; }
#search-form label {font:bold 0.9em Arial; color:#fff;}
#advanced {clear:both; padding-top:10px; margin-top:10px;}
#advanced select {margin-top:5px;}


/*ENLACES*/
#xadvanced, #xfiltros {font:bold 10px Arial; padding-left:17px;}
#xadvanced {float:right; width:25px; margin-right:25px;}

/*FAMILIAS*/
#familias {padding:10px; margin-top:15px;}
ul.listafamilias li {padding:5px; width:43%; margin:5px; margin-left:0; float:left; background:url(../images/ico-hover.gif) no-repeat left center; padding-left:35px;}
ul.listafamilias li a span {font:bold 15px Helvetica,Arial,FreeSans,sans-serif; display:block;}

/*CURSOS DESTACADOS*/
#cursoDestacados {margin:25px 0;}
#cursoDestacados h2 {font:bold 14px Arial; color:#E7952F; border-bottom:1px solid #E7952F; margin:25px 0;}
#cursoDestacados h2 span {background-color:#fff; display:block; padding:0 5px; float:left; position:relative; left:50%; top:-7px; margin-left:-135px;}
ul.listacursoDestacados, ul.listacursoDestacados li {margin:0; padding:0; list-style:0;}
ul.listacursoDestacados li {clear:both; font:normal 12px Arial; border-bottom:1px dotted #666; padding:5px; color:#666; background-image:none;}
ul.listacursoDestacados li img {float:left; margin-right:5px;}
ul.listacursoDestacados li a {display:block; font-weight:bold; margin-bottom:5px; color:#333;}
ul.listacursoDestacados li a:hover{color:#3B5998;}
ul.listacursoDestacados li a span {text-transform:uppercase;}

/*FILTROS*/
#filtros {background:#f6f8fc; border:1px solid #dde2ee; padding:10px; font-size:0.95em; line-height:1.2em;}
p.ampliar {text-align:right; border-top:1px solid #f1ab25;}
#filtros li {background:url('../images/orange_arrow.jpg') no-repeat 0 0.3em; padding-left:8px; margin:3px 0;}
#filtros li.active {}
#provincias, #aviso {position:absolute; left:50%; margin-left:-25%; margin-top:-75px; background-color:#fff;  padding:10px; border:5px solid #ccc;}
#provincias {width:535px;}
#provincias li {width:110px; float:left; margin-right:10px;}

/*LISTADO DE CURSOS*/
#resultados {margin-top:35px;}
p.paginado {font:bold 14px Helvetica,Arial,FreeSans,sans-serif; clear:both;}
p.paginado span {float:right; font-size:11px;}
div.ciclo {border:1px solid #ccc; margin:10px 0; padding:10px;}
#resultados p.subtitle {margin:5px 0; font:bold 12px Helvetica,Arial,FreeSans,sans-serif; color:#f1ab25;}
div.ciclo img {float:left;}
div.textocurso {margin-left:125px; height:55px; overflow:hidden; font: normal 11px Verdana; color:#666;}

/*FICHA DEL CURSO*/
#datos ul li, #cursos-centro li, ul.list-bluearrow-s li {background-image:url('../images/narrowmini.gif'); padding-left:18px;}
#datos ul li span, #cursos-centro li a , #cursos-relacionados a, ul.list-bluearrow-s li a, #aviso p  {color:#7b98bd;}
#cursos-centro li a:hover, #cursos-relacionados a:hover, ul.list-bluearrow-s li a:hover {color:#0d2e75;}
ul.list-bluearrow-s li a {font-weight:bold;}
ul.list-bluearrow-s li a span {text-transform:uppercase; font-size:13px; color:#0d2e75;}

p.pedir-info a {text-align:center; background:url('../images/bg-button.jpg') no-repeat center; font:bold 12px Verdana; color:#af5906; display:block; width:183px; padding:10px 0; margin:25px 0 25px -91px; position:relative; left:50%; text-decoration:none;}
p.pedir-info a:hover {background:url('../images/bg-button_hover.jpg') no-repeat center;}

#centro {background:url('../images/full-box.jpg') no-repeat center top;}
#centro span.bgbottom {display:block; height:16px; background:url('../images/full-box.jpg') no-repeat center bottom;} 
#cursos-centro {background:url('../images/full-box-orange-02.jpg') no-repeat center top;}
#cursos-centro span.bgbottom {display:block; height:16px; background:url('../images/full-box-orange-02.jpg') no-repeat center bottom; margin-top:15px;}
#centro span.bgtop, #cursos-centro span.bgtop {display:block; height:1px;}
#contact-form {margin:15px 0; background:url('../images/full-box-blue.jpg') no-repeat center top;}
#contact-form span.bgtop {display:block; height:1px;}
#contact-form span.bgbottom{display:block; height:16px; background:url('../images/full-box-blue.jpg') no-repeat bottom center;}

#centro h2 {display:none;}
#centro a {display:block; padding:5px; text-decoration:none; text-align:center; font:bold 1em Verdana;}

#cursos-centro div ul {margin:0 10px; padding:0;}
#cursos-centro div ul li {font:bold 12px Arial; line-height:1.5em; margin-bottom:0px;}
#cursos-centro li a span {color:#e49634;}


#contact-form  h2, #cursos-centro  h2 {border:none; text-align:center; text-transform:uppercase; color:#0d2e75;;}

#contact-form form {margin-left:20px; margin-top:10px; padding-bottom:35px;}
#contact-form label, #contact-form input, #contact-form select {display:block; float:left;}
#contact-form label {width:65px; margin:3px 0;}
#contact-form input, #contact-form select {width:135px; margin:1px 0;}
#contact-form textarea {display:block; clear:both; width:195px; height:150px; overflow:auto;}
#contact-form form {margin-left:20px; margin-top:10px; padding-bottom:35px;}


#cursos-relacionados, #oferta {clear:both; float:left;}
#cursos-relacionados li, #oferta li {line-height:1.5em; background:url('../images/marcador.png') no-repeat center left; padding-left:25px; border-bottom:1px dotted #c5cde2;}
#cursos-relacionados a, #oferta li a {display:block; font-size:14px; font-weight:bold;}
#oferta li a {color:#7b98bd;}
#aviso.ok {background:#fff url('../images/gracias.jpg') no-repeat center left; padding:20px 10px 20px 200px; width:335px;}
#aviso.error {background:#fff url('../images/gracias-triste.jpg') no-repeat center left; padding:20px 10px 20px 200px; width:335px;}
#aviso p {font:bold 21px Arial;}
#xaviso, #provincias #xprovincias {float:right; margin:-10px -10px 0 0;}

/*FICHA DEL CENTRO*/
#fichacentro {border:1px solid #c5cde2; padding:15px; padding-bottom:0;}
#fichacentro img {display:block;  float:left;}
#fichacentro ul.tabs { float:left; margin-left:35px;}
#fichacentro ul.tabs  li {background:url(../images/side-menu-li.gif) no-repeat bottom left; padding:0 0px 7px 25px; width:300px;}
#fichacentro ul.tabs  li a {text-decoration:none; font:bold 13px Verdana; text-transform:uppercase; color:#7b98bd;}
#fichacentro ul.tabs li a:hover {color:#0d2e75;}
#fichacentro ul.tabs li.active a {color:#f1ab25;}

.tab_container {margin-top:35px;}
.tab_content {}

.pika_subdiv {text-align:center; position:relative;}
img.pika_back_img {/*position:absolute; top:0; padding:2px; border:1px solid #c5cde2;*/ display:none;}
img.pika_main_img, ul#pikame li  {padding:2px; border:1px solid #c5cde2;}
div.pika_caption, div.pika_navigation {clear:both;text-align:center; font:bold 11px Verdana; padding:5px; margin-bottom:25px;}
ul#pikame  {padding:0; margin:0;}
ul#pikame li {float:left; background:none; margin:5px; cursor:pointer;}
div.pika_navigation a {cursor:pointer;}

#centros-form {background:url('../images/search-centros-bg.jpg') no-repeat center left; padding:10px; margin-bottom:35px;}
div.lista-centros {border:1px solid #eceff6; margin-bottom:25px;}
div.lista-centros  h2 {font:bold 12px Verdana; text-transform:uppercase; margin:0; padding:5px; background:#eceff6;}
div.lista-centros  img {float:left; margin:5px; margin-right:10px;}
div.lista-centros  ul {margin:7px; font:normal 11px Verdana;}


/*----otros*/
#faqs h1 span {display:block; font:bold 16px Arial;}
#faqs h2 {font:bold 14px Arial; text-transform:none;}
#faqs ul.indice li  {padding-bottom:5px; padding-left:20px; background-image:url('../images/ico-int.jpeg');}
p.subir {margin-bottom:25px;}

#footer {clear:both; background:url('../images/bg-footer.gif') repeat-x top center; padding:1px;}

#contactotufp {border:2px solid #eceff6; padding:10px; width:450px; font:normal 12px Arial;}
#wrapper #main #contactotufp p.legend {font:bold 11px Verdana; color:#666; background-color:#eceff6; padding:5px; clear:both;}
#contactotufp br {clear:both; display:block; height:1px;}
#contactotufp label, #contactotufp input, #contactotufp textarea {display:block; float:left; margin:2px;}
#contactotufp label {font-weight:bold; text-align:right; width:75px; clear:left; margin-top:4px;}
#contactotufp input, #contactotufp textarea {clear:right; width:350px;}

/*CAJAS REDONDEADAS - TAMAŅO FIJO*/
div.box-bluegradient {margin:15px 0;}
div.box-bluegradient span.boxtop {display:block; height:150px; background:url('../images/full-box-blue.jpg') no-repeat center top;}
div.box-bluegradient div.boxbody {border-left:1px solid #B2C2E3; border-right:1px solid #B2C2E3; padding:0 10px; margin-top:-135px;}
div.box-bluegradient span.boxbottom {display:block; height:16px; background:url('../images/full-box-blue.jpg') no-repeat bottom center;}
div.box-bluegradient div.boxbody h2, div.box-bluegradient div.boxbody ul {margin:0; padding:10px 0;}
/*DIRECTORIO DE CENTROS - DESTACADOS*/
div.centro-destacado {border-bottom:2px dotted #F69000;}
div.centro-destacado img {float:right; margin:10px;}
div.centro-destacado  h3 {margin:0; color:#F69000;}
div.centro-destacado  h3  a {display:block; margin:10px 0; font:bold 18px Arial;}
div.centro-destacado  p {clear:both;}