@charset "utf-8";
/* CSS Document */

/**********************ELEMENTOS QUE CAMBIAN**************************/

/*CAMBIA BACKGROUND*/ 
body{background-color:#FFF; margin:0;font-family: Arial, Helvetica, sans-serif;}

/*CAMBIAN COLOR y BACKGROUND-COLOR */
#cabecera{color:#999999; width:100%; height:100px; margin-left:auto; margin-right:auto; background-image:url(../images/background_cabecera.png); background-color:#002B7A; border-bottom: 1px #BB8800 solid;}
.pixel{width:100%; background-color:#ddd;height:1px;}
.pixel_punteado{border: 1px dotted #CCC;}
.pixelvertical{ height:300px; width:1px; border-left:1px dotted #bbb; float:left; position:relative; margin-top:60px;}

/*CAMBIA IMAGEN DESDE CÓDIGO FUENTE IMAGEN LINEA 38*/ 
#logo{width:139px; overflow:hidden; position:relative; float:left; margin:20px 0 0 120px;}
#logo_fes{position:absolute; margin-left:220px;margin-top:18px;}

/*CAMBIAN BACKGROUND-COLOR*/
#cuerpo{width:750px; overflow:hidden;margin:0 auto; border:0; margin-bottom:13px;clear:left; position:relative; height:100%;}
.cuerpo2{ background-color:#ddd; width:750px; height:500px; position:relative; margin:0 auto; border:0; margin-bottom:13px;}

/*CAMBIA COLOR, FONT FAMILY y FONT SIZE*/
#nombrecompania{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 16px; text-align:left; padding:0 0 0 20px; margin:40px 0 0 170px; width:580px; height: 30px; float:left;position:absolute;}
#nombrecompania h1 {margin-top:-1px; font-size:18px; padding-left:18px;}
#nombrecompania h2 {margin-top:-10px; font-size:12px; padding-left:18px;}

/*CAMBIAN COLOR y FONT FAMILY*/
#botonera{color:#999999;font-family:Arial, Helvetica, sans-serif; width:565px; height:39px; margin:0 auto;}

/*CAMBIAR BORDER LEFT*/
.boton {border-left:1px dotted #ddd;
width:110px; height:30px; font-size:12px; text-align:center; float:left; padding-top:5px;  text-transform:uppercase;}
.boton1 {border-left:1px dotted #ddd;
width:110px; height:30px; font-size:12px; text-align:center; float:left; padding-top:5px; text-transform:uppercase;}
.boton2 {border-left:1px dotted #ddd;border-right:1px dotted #ddd;
width:110px; height:30px; font-size:12px; text-align:center; float:left; padding-top:5px; text-transform:uppercase;}

/*CAMBIAN COLOR*/
.linkbotonera{color:#999999; text-decoration:none;}
.linkbotonera:hover{color:#BB8800; text-decoration:none;}

/*CAMBIA COLOR*/
.tituloseccion{color:#BB8800;font-size:16px;}
.bloque{color:#999;width:180px; height:380px; padding:10px 30px 25px 13px; float:left; background-color:#fff; font-size:12px;  margin-top:25px; margin-left:20px}
.bloque spam{color: #003973;margin:0;padding:0;font-weight: bold;}
.bloque ul{margin:0;padding:0; font-weight:normal;margin:15px 0;}
.bloque ul li{margin:5px 0;}

/*CAMBIA BACKGROUND COLOR*/
#piecera{ background-color:#002B7A; width:100%; height:40px; position:relative; clear:left; float:left; font-size:12px; color:#FFFBF0; clear:left; background-image:url(../images/background_piecera.png); padding-top:10px; border-top:1px solid #BB8800;}
#piecera_contacto{ background-color:#002B7A; width:100%; height:40px; position:absolute; clear:left; float:left; font-size:12px; color:#FFFBF0; clear:left; background-image:url(../images/background_piecera.png); padding-top:10px; border-top:1px solid #BB8800; margin-top:-50px; top:100%;}
#servicios{color:#0CF;}
.listadescargas{color:#999999; list-style-type:none; font-size:12px; margin-left:-30px; margin-top:10px;}
.listadescargas a{color:#999; text-decoration:none;}
.listadescargas a:hover{color:#BB8800;}
.links_ir_a{text-decoration:none; color:#999; font-size:12px; font-weight:bold;}
.links_ir_a:hover{color:#BB8800;}
 
/**********************ELEMENTOS QUE CAMBIAN**************************/ 
 
 

/*=======Cabecera========*/
#centrabotonera{width:100%;margin:8px 0 5px 0;}
#titulo{margin: 0 auto; width: 750px;}

/*======Cuerpo=======*/
#cuerpofoto{width:100%; margin:0 auto; overflow:hidden; position:relative; clear:left; background-color:#fff; border-bottom:1px solid #aaa}
#cuerpobco{ width:100%; position:relative; overflow:hidden; background-color:#eee; padding-top:25px; padding-bottom:25px; border-top: 1px solid #fff; border-bottom:1px solid #aaa}
.linksoc{text-decoration:none; color:#900;}
.linksoc:hover{text-decoration:underline; color:#A00;}
#galeria{width:450px; height:450px; position:relative; float: left; margin: 10px 0 0 10px;}
#listacurso{color:#999;}

/*======Piecera=======*/

.bloquepiecera{width:230px; float:left; margin:0 6px 0 6px;padding-bottom:5px; font-size:10px; color:#A00;}
.letragris{color:#FFFBF0; margin-bottom:5px;}
.letrapiecera{margin: 0; color:#FFFBF0; margin-bottom:5px; font-size:12px;}
#bloques{margin:0 auto; width: 750px;}
#legales{position:relative;width:750; clear:left; text-align:center; margin:0 0 5px 0; font-size:10px; font-size: 14px}

/*=====Contacto======*/
.bloquecontacto{ width:300px; padding:0 25px 0 25px; float:left; background-color:inherit; font-size:12px; color:#9F9F9F;}

/*======Servicios=======*/
.cuerposervicios{ width:700px; background-color:#FFF; margin:0 auto; overflow:hidden; position:relative; padding:25px 25px 0 25px; font-size:12px; color:#9F9F9F;}
.imgrodeada{ float:left; margin:25px 25px 25px 0;}

ul{ color:#999999; list-style-type:none; font-size:12px; font-weight:bolder; margin:0;}
ul li strong{color:#BB8800;}

/*========Clientes========*/
.bloquecliente{ overflow:hidden; margin-bottom:25px;}
.bloquecliente a{font-weight:bold; color:#999999; text-decoration:none;}
.bloquecliente h2, .bloquecliente p,{padding-left:20px;}
.bloquecliente h2 {font-size:20px; color:#BB8800;}
.bloquecliente a:hover{color:#009cff;}
.imgrodeadacliente{ float:left; margin:0 25px 0 0;}

/*======Slide Show=======*/
#slideshow { position:relative; height:200px; width:750px; border-top:1px solid #bbb}
#slideshow a { top:0; left:0; z-index:8; opacity:0.0;}
#slideshow a.active { position:absolute; z-index:10; opacity:1.0;}
#slideshow a.last-active { z-index:9;}


/*Contacto*/
#contacto{width:250px; float:left; position:relative;margin-bottom:20px;}
#cuerpo h3{color:#BB8800; margin:0; font-size:20px; margin-top:245px;}
#cuerpo h4{color:#999999; margin:0; font-size:10px;}
.form_elemento, .form_textarea{margin-bottom:20px; width: 215px; padding-left:5px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; color:#666; background-color:#eee;}
.form_elemento{background:url(../img/background_form.png) no-repeat; height:14px;}
.form_textarea{background:url(../img/background_form_textarea.png) no-repeat; padding-top:3px;}
.contacto_formulario{margin-bottom:100px;}

/*=======Marco=======*/

.piecerita { height:40px; width:100%; background:#003973; font-size:10px; color:#eee; text-align:center; padding-top:10px;}
.linkpick { color: #779A2D;text-decoration: none;}
.linkpick:hover { color: #779A2D;text-decoration: underline;}
.rayadorada {height:1px; width:100%; background:#BD8C00;}
.cuerpoart{ width:700px; background-color:#FFF; margin:0 auto; overflow:hidden; position:relative; padding:15px 25px 0 25px; font-size:12px; color:#9F9F9F;}
.bloqueart{ overflow:hidden; margin-bottom:15px;}
.tituloart{ font-size:13px; font-weight:bold; color:#003973; text-decoration:none;}
.tituloart:hover{ font-size:13px; font-weight:bold; color:#BD8C00; text-decoration:none;}
.autorart{ font-size:11px;}
.chicaart{ font-size:9px;}
.anioart { font-size:13px; font-weight:bold; margin-left:0; margin-top:10px;}
.gracias