body {
    /*max-width:1000px;*/
    margin:0 auto;
    padding:0;
    border:0;
    background:#C6C6C4 url('/img/fondo_celec.png') repeat-x;
    font-family:Tahoma,Helvetica,serif;
}

a { color:#08335E; text-decoration:none; }
a:hover { color:#3168FB; }
/img { border:0; text-decoration:none; }
.link { cursor:pointer; }
.s7 {font-size:7pt;} .s8 {font-size:8pt;} .s9 {font-size:9pt;} .s10 {font-size:10pt;} .s11 {font-size:11pt;} .s12 {font-size:12pt;} .s14 {font-size:14pt;} .s16 {font-size:16pt;} .s18 {font-size:18pt;} .s20 {font-size:20pt;}
.bold { font-weight:bold;} .italic { font-style:italic;} .strike { text-decoration:line-through;} .undrl { text-decoration:underline;}
.tcenter { text-align:center; } .tright { text-align:right; } .tleft { text-align:left; }
.rsta { color:inherit; text-decoration:none; } .rsta:hover { color:inherit; }
.fl { float:left; } .fr { float:right; }

#header {
    height:128px;
    width:1000px;
    margin:0 auto 0 auto;
}
#header #logo {
    float:left;
    margin:17px 10px;
}
#header #titulo {
    margin-left:10px;
    padding-top:22px;
    font-size:17pt;
    line-height:20pt;
    color:#EFEDE8;
    font-family:'Times New Roman',Times;
    text-transform:uppercase;
    font-weight:bold;
}
#header #titulo a {
    color:inherit;
}
#header #titulo a:hover { color:inherit; }
#header #titulo span {
    font-size:19pt;
}
#header #titulo span:first-child {
    font-size:26pt;
}

#header_frase {
    margin:5px 10px 0 0;
    clear:right;
    float:right;
    width:208px;
    height:63px;
    font-family:'Times New Roman',Times;
    font-size:11px;
    color:#CED9DF;
    font-weight:500;
    padding:5px 26px 0 26px;
    background:url('/img/frase_bg.png') center center no-repeat;
    text-align:center;
}

#header_info {
    clear:right;
    float:right;
    font-size:8pt;
    text-align:right;
    width:314px;
    margin:0 2px 0 0;
    padding:4px 7px 4px 4px;
    color:white;
}
#header_info span { margin-right:10px; font-size:9pt; }
#header_info strong { font-size:10pt; }
#header_info a { color:white; }

#header #menutop {
    margin:0 0 0 0;
    float:right;
}
#header #menutop a {
    margin-right:10px;
    color:white;

    display:inline-block;
    padding:2px 16px 2px 16px;
    line-height:20px;
    font-size:8pt;
    background:#093564;
    border:1px #9DAFBB solid;
    
    -moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
    
}
#header #menutop a:hover {
    border-color:white;
}

/*
http://www.dafont.com/nilland.font
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
*/

/* column container */
#container {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    
    width:1000px;			/* width of whole page */
    margin:0 auto;
    display:block;
	overflow:hidden;		 /* This chops off any overhanging divs */
    background:transparent;  /* Right column background colour */
    
    background:url('/img/celec_man.png') right bottom no-repeat;
}
#container #colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#EBEBEB;    	/* Centre column background colour */
    
    min-height:608px; /*prevenir footer up */
}
#container #colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:400px;         	/* Left column width + right column width */
    background:#142539 url('/img/bg_izq.xpng') left top repeat;    	/* Left column background colour */

}
#container #col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:200px;        /* Width of left column */
    padding-bottom:0; 	/* Centre column bottom padding. Leave it out if it's zero */
}

#container #col1 {
    margin:0 215px;     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
    
    font-size:9pt;
    color:#16253C;
    
}
#container #col2 {
    float:right;
    width:190px;        /* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:5px;         	/* Width of the left-had side padding on the left column */
    
}
#container #col3 {
    float:right;
    width:190px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
    
}




#footer {
    clear:both;
    color:white;
    padding-top:0;
}
#footer p {
    padding-left:10px;
    line-height:30px;
    font-size:8pt;
	background:#142539;
    height:30px;
}
#footer p a {
    color:white;
    margin:0 6px 0 6px;
}


#footer_col {
    width:190px;
    float:left;
    background:white;
    color:gray;
    font-size:8pt;
    height:28px;
    padding:2px 0 0 10px;
}

#footer_barra {
    background:#142539;
    height:30px;
    margin-top:-40px;
}
.footer2 {
    margin-top:-41px!important;
}

#footer_gris {
    height:25px;
    background-color:#62676B;
}


h1 {
    font-size:10pt;
    font-weight:bold;
    margin-top:10px;
    color:#00123E;
    padding-bottom:10px;
    border-bottom:1px #7E899B solid;
    margin-bottom:10px;
    text-transform:uppercase;
    text-align:center;
}

#cuadro {
    font-size:9pt;
    border:1px silver solid;
    padding:5px 10px 5px 10px;
    width:90%;
    margin:0 auto;
}


/* BLOQUES INICIO --------------------------------- */
.bloque {
    width:266px;
    height:192px;
    float:left;
    margin:4px 4px 11px 4px;
    background-position:left 28px;
}
.bloqueI { margin-left:6px; margin-right:18px; }

.bloque_titulo {
    font-size:10pt;
    font-weight:normal;
    background:url('/img/noticia_head.jpg');
    margin:0;
    height:28px;
    line-height:28px;
    text-transform:uppercase;
}
.bloque_titulo a {
    color:white;
    margin-left:28px;
}

.bloque_footer {
    background:black;
    opacity:0.7;
    filter: alpha(opacity = 70);
    height:28px;
    line-height:28px;
    margin-top:136px;
    color:white;
    padding:0 10px 0 10px;
    font-size:9pt;
}

.bloque_texto {
    font-size:9pt;
    max-width:570px;
    margin:0;
}

.bloque_leemas {
    font-size:8pt;
    width:80px;
    margin:0;
	text-align:right;
    float:right;
    color:white;
}
.bloque_leemas:before {
    content:'\203A';
    font-weight:bold;
    padding-right:4px;
}

.bloque_leemas:hover {
    color:#E4E4E4;
}

.bloque .matricula {
    background:url('/img/btmat.png') left center no-repeat;
    padding-left:25px;
    height:17px;
    line-height:17px;
    display:inline-block;
}

/* NOTICIAS -------------------------------------- */
.noticia_titulo {
    font-size:10pt;
    margin:0;
}
.noticia_texto {
    font-size:9pt!important;
    max-width:570px;
    margin:0;
    color:#08335E!important;
}
.noticia_texto * {
    color:#08335E!important;
}
hr.noticia_hr {
    margin:3px 0 6px 0;
    color:#E4E4D2;
    clear:both;
}
.noticia_leemas {
    clear:both;
    font-size:8pt;
    margin:0;
	text-align:left;
}
.noticia_leemas a {
    font-weight:bold;
    background-color:white;
    display:inline-block;
    padding:4px;
    border:1px #08335E solid;
}
.noticia_leemas a:before {
    content:'\203A';
    padding-right:4px;
}
.noticia_leemas a:hover {
    background-color:#EDE8D8;
}


/* MENU IZQ --------------------- */
.menuitem {
    display:block;
    margin:0 -5px 0 -5px; 
    padding-left:10px;
    font-weight:bold;  
    color:#DBDBE3;
    text-transform:uppercase;
    font-size:10pt;
    line-height:36px;
    border-top:1px white solid;
}
.menuitem:first-child {
    border-top:none;
}
.menuitem:before {
    content:'\25BA';
    padding-right:4px;
    font-size:5pt;
    font-weight:normal;
    color:white;
    vertical-align:middle;
    height:11pt;
}

.menuitem:hover {
    background-color:#3A5D83;
    color:white;
}
.menusubitem {
    display:block;
    margin:0 -5px 0 -5px; 
    padding-left:25px;
    line-height:30px;
    font-size:10pt;
    color:#DBDBE3;
}
.menusubitem:hover {
    background-color:#3A5D83;
    color:white;
}


#portada_c {
    /*background-image:url('/img/bgmain.jpg');*/
    font-size:10pt;
    text-align:center;
    margin:0 0 4px 0;
    padding:5px;
    color:#4F4F4F;
}
.h1portada {
    margin-bottom:0;
}

/* menu dreta */
.menuitemDer {
    display:block;
    margin:0 -5px 0 -5px; 
    padding-left:10px;
    font-weight:bold;  
    color:#060E33;
    text-transform:uppercase;
    font-size:10pt;
    line-height:36px;
}
.menuitemDer:before {
    content:'\25BA';
    padding-right:4px;
    font-size:5pt;
    font-weight:normal;
    color:#060E33;
    vertical-align:middle;
    height:11pt;
}

.der_hr {
    
    margin:0 0 0 0;
    color:#08335E;
}

/* ultimas noticias */
#ultimasnoticias {
    
}
#ultimasnoticias p {
    color:gray;
    font-size:8pt;
    margin:0;
}
#ultimasnoticias a {
    color:#08335E;
}
#ultimasnoticias .leemas {
    font-size:8pt;
    display:inline-block;
    margin-bottom:10px;
}


/*cursos ---------------------------- */

.cursos_cat {
    font-size:13pt;
    font-weight:bold;
    width:400px;
    border-bottom:1px #EEEEE3 solid;
    padding-bottom:4px;
}
.cursos_cat_desc {
    height:120px;
}
.cursos_cat_desc>div {
    float:left;
    width:300px;
    font-size:9pt;
    font-weight:bold;
}
.cursos_cat_desc>div:first-child {
    width:200px;
    margin-right:15px;
    height:120px;
}

/* CATEGORIAS DE cursos -------- */
.curs_cat_tit {
    width:70%;
    background-color:#F9F7F2;
    font-size:11pt;
    padding:4px;
    font-weight:bold;
}
.curs_cat_desc {
    font-size:8pt;
    margin-left:10px;
    margin-bottom:20px;
}

/* CENTROS */
#centros {
    width:100%;
    border-collapse:collapse;
}
#centros .col1 {
    width:195px;
    vertical-align:top;
    padding:10px 0 10px 0;
}
#centros .col1 /img {
    width:175px;
    height:100px;
    border:1px #697687 solid;
}
#centros .col2 {
    vertical-align:top;
    padding:10px 0 10px 0px;
}
#centros .col2 p {
    margin:0;
    font-size:8pt;
    line-height:12pt;
}
#centros .col2 h2 {
    margin-bottom:9px;
    font-size:10pt;
    margin:0 0 6px 0;
}
.ampliarmapa {
    background:white url('/img/minilupa.jpg') 4px center no-repeat;
    font-size:9pt;
    color:#0B1D31;
    padding:4px;
    display:inline-block;
    border:1px #6A798C solid;
    padding-left:20px;
    margin-top:4px;
}


/* CONTACTO */
#miniform {
    font-size:8pt;
    text-align:right;
    padding-right:12px;
    margin-bottom:8px;
}
#miniform label {
    width:55px;
    vertical-align:top;
    display:inline-block;
    text-align:right;
    margin-right:4px;
}
#miniform input[type="text"] {
    font-size:8pt;
    width:90px;
    font-family:Arial;
}
#miniform textarea {
    font-size:8pt;
    font-family:Arial;
    width:90px;
    height:40px;
}
#miniform input[type="submit"] {
    margin-top:3px;
}

.homeEnvia {
 background:#B4B7B8;
 color:#1D3A58;
 border:1px silver solid;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 font-size:8pt;
 cursor:pointer;
}


#contacto {
    font-size:10pt;
}
#contacto label {
    width:90px;
    font-size:8pt;
    vertical-align:top;
    display:inline-block;
}
#contacto input[type="text"] {
    font-size:9pt;
    width:250px;
    font-family:Arial;
}
#contacto textarea {
    font-size:9pt;
    font-family:Arial;
    width:250px;
    height:120px;
}
#contacto .envia {
 background:white;
 font-weight:bold;
 border:1px gray solid;
}

#contacto_cnt {
    width:500px;
    margin:0 auto;
    text-align:center;
}
#contacto label[for="contacto_tos"] {
    width:260px;
    display:inline-block;
}

#acceso_clientes {
    text-align:right;
}
#acceso_clientes label {
    width:80px;
    display:inline-block;
    text-align:right;
    margin-right:3px;
    color:#08335E;
}
#acceso_clientes input[type="text"], #acceso_clientes input[type="password"] {
    width:80px;
    font-size:7pt;
    padding:1px;
}
#acceso_clientes input[type="submit"] {
    margin:4px 0 5px 0;
}

/* OPINIONES */
#opiniones {
    width:100%;
    margin-top:50px;
    border-collapse:collapse;
}
#opiniones .col1 {
    width:112px;
    vertical-align:top;
    padding:10px 0 10px 0;
}
#opiniones .col1 /img {
    padding:4px;
    width:100px;
    height:100px;
    border:1px #697687 solid;
}
#opiniones .col2 {
    vertical-align:top;
    padding:10px 0 10px 20px;
}
#opiniones .col2 p {
    margin:0;
}
#opiniones .col2 p:first-child {
    margin-bottom:9px;
}
#opiniones td {
    border-bottom:1px #72778D solid;
}


/* paginación */
#paginas {
    line-height:17pt;
    font-size:9pt;
    clear:left;
    text-align:center;
    padding-top:20px;
}
#paginas a {
    padding:1px 2px 1px 2px;
    cursor:pointer;
    margin:0 2px 0 2px;
    min-width:12px;
    display:inline-block;
    text-align:center;
    font-weight:bold;
    font-size:9pt;
}
#paginas a:hover { background-color:#B7C7F0; }
#paginas a.pag_activa, #paginas a.pag_activa:hover { font-size:10pt; cursor:default; font-weight:bold; text-decoration:underline; }
#paginas a.inutil, #paginas a.inutil:hover { cursor:default; font-weight:normal; color:silver; }


/* sobre nosotros */
.lupa {
   cursor : -moz-zoom-in;
}