* { margin:0; padding:0;}
body { text-align:center; background:#fff; font-family:Arial; font-size:100%; line-height:1.75em; color:#a4a4a4; background-image: url(images/part_sup.gif); background-repeat: repeat-x;}

/*variables*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
a {color:#a4a4a4;}
a:hover{text-decoration:none;}
p { margin:0px; padding:0;}
.clear { clear:both;}

/*links*/
h3 { font-size:1.27em; color:#75a9d5; margin:2px 0 8px 0;}
h4 { font-size:1.1em; margin-bottom:17px;}
h4 a { color:#20b4f1; font-weight:normal;}
h6 { font-size:1.1em; margin-bottom:0px;}
.link1 { color:#a2a2a2;}
.link2 { color:#75a9d5;} 
.link3 { background:url(images/marca3.gif) no-repeat 0 6px; padding-left:10px; text-decoration:none;}
.link3:hover { text-decoration:underline;}
.link4 { background:url(images/marca1.gif) no-repeat 0 4px; padding-left:13px; text-decoration:none; font-weight:bold; color:#7d7d7d; text-transform:uppercase; font-size:0.92em;}
.link4:hover { text-decoration:underline;}
.link5 { background:url(images/marca2.gif) no-repeat 0 6px; padding-left:10px; color:#75a9d5;}
.link6 { background:url(images/marca3.gif) no-repeat 0 6px; padding-left:10px; text-decoration:none; color:#ffffff;}
.link6:hover { text-decoration:underline;}
.link7 { background:url(images/marca3.gif) no-repeat 0 6px; padding-left:10px; text-decoration:none; color:#FF770B;}
.link7:hover { text-decoration:underline;}
.link8 { text-decoration:none; color:#FF770B;}
.link8:hover { text-decoration:underline;}
.link9 { background:url(images/marca3.gif) no-repeat 0 6px; padding-left:10px; text-decoration:none; color:#75a9d5;}
.link9:hover { text-decoration:underline;}
.link10 { color:#FF770B;}


.form { height:26px; color:#8c8c8c; font-size:0.92em; font-family:Tahoma;}
.form input {width:273px; height:18px; background:#fff; border:1px solid #b4b4b4; color:#8c8c8c; font-size:1em; font-family:Tahoma;}
textarea { width:286px; height:96px; background:#fff; overflow:auto; border:1px solid #b4b4b4; font-family:Tahoma; color:#8c8c8c; font-size:1em; }

.input1 { width:137px; height:14px; border:1px solid #808080; font-size:1em; color:#b5b5b5;}

.linea_hor { background:url(images/linea2.gif) left bottom repeat-x; padding-bottom:31px; margin-bottom:30px;}
.linea_hor1 { background:url(images/linea4.gif) left bottom repeat-x; padding-bottom:12px; margin-bottom:22px;}
.linea_hor2 { background:url(images/linea5.gif) left bottom repeat-x; padding-bottom:12px; margin-bottom:22px;}
.linea_hor3 { background:url(images/linea4.gif) left bottom repeat-x; padding-bottom:31px; margin-bottom:30px;}
.linea_hor4 { background:url(images/linea4.gif) left bottom repeat-x; padding-bottom:12px; margin-bottom:12px;}

.marco_izq { float:left;}
.marco_der { float:right;}

.img_guion { margin:0px 20px 0 0; float:left;}

/*================== menu izquierdo ==================*/
#menuizquierda { font-size:0.69em; color:#a2a2a2; line-height:1.75em;}
#menuizquierda .guion { padding:0px 0px 0px 0px;}
#menuizquierda p { margin-bottom:8px;}

#menuizquierda .guion2 { padding:33px 0 0 0px;}
#menuizquierda .guion2 { margin-bottom:5px;}

/*================== contenido ==================*/
#contenido { font-size:0.75em; color:#ffffff; line-height:1.75em;}
#contenido p { margin-bottom:8px; line-height:25px;}
#contenido .img_guion { margin-bottom:8px; margin-top:8px;}
#contenido .guion { padding:0px 0px 0px 0px;}
#contenido .guion2 { padding:33px 0 0 0px;}
#contenido .guion2 { margin-bottom:5px; text-align:left;}
/* Siempre hay que modificar el estilo "guia" añadiéndole style="height: XXXpx" dentro del div,
donde XXX es el número de pixeles es la altura para rellenar. Puede pasar en "marco_izq" o en "marco_der". */
#contenido .marco_izq { width: 326px;}
#contenido .marco_izq .guion { padding:0px 0 0 0px;}
#contenido .marco_der {	width: 326px;}  
#contenido .marco_der .guion { padding:0px 0px 0 0;}  

/*================= cabecera =====================*/
#cabecera .cuerpo_1 { height:145px;}
#cabecera .cuerpo_1 .marco_izq img { margin:70px 0 0 0;}
#cabecera .cuerpo_1 .marco_der .guion { padding:66px 0px 0 0;}
#cabecera .cuerpo_2 { height:105px; background:url(images/cab_menu_fondo.gif) left top repeat-x;}
#cabecera .cuerpo_2 .izquierda { background:url(images/cab_menu_izq.gif) no-repeat left top;}
#cabecera .cuerpo_2 .derecha { background:url(images/cab_menu_der.gif) no-repeat right top;}
#cabecera .cuerpo_2 .guion { padding:30px 0 22px 48px;}

/*===================== pie =======================*/
#pie { font-size:0.75em; }
#pie .marco_izq {color:#565656; background:url(images/pie_fondo.gif) left top no-repeat;}
#pie .marco_izq .guion { padding:36px 0 0 58px;}
#pie .marco_der { font-family:Tahoma; background:url(images/pie_fondo.gif) no-repeat right top;}
#pie .marco_der .guion { padding:31px 53px 0 0;}
#pie .marco_der span { background:url(images/correo.gif) no-repeat 0 2px; padding-left:45px; display:block; line-height:2.5em;}

/*================== bloques ====================*/
.bloque { background:#2470b1; width:100%;}
.bloque .l_t { background:url(images/l_t.gif) no-repeat left top;}
.bloque .r_t { background:url(images/r_t.gif) no-repeat right top;}
.bloque .r_b { background:url(images/r_b.gif) no-repeat right bottom;}
.bloque .l_b { background:url(images/l_b.gif) no-repeat left bottom;}
.bloque .guia { padding:20px 20px 20px 20px; text-align:left;}

.bloque1 { background:url(images/linea1.gif) left top repeat-y; width:260px;}
.bloque1 .guia { padding:0 0 8px 28px;}

.bloque2 { background:url(images/linea3.gif) left top repeat-y; width:260px;}
.bloque2 .guia { padding:21px 0 2px 28px;}

.bloque3 { background:url(images/linea3.gif) left top repeat-y; width:670px; color:#8c8c8c}
.bloque3 .guia { padding:0 0 8px 28px;}


/*==========================================*/

#contenido .tablas {
	padding-top:0px ;
	}
#contenido .tablas p {
	line-height:10px;
	}

.bloque4 { background:#2470b1; width:100%;}
.bloque4 .arriba { background:url(images/prueba/superior.gif) repeat-x left top;}
.bloque4 .abajo { background:url(images/prueba/inferior.gif) repeat-x left bottom;}
.bloque4 .izquierda { background:url(images/prueba/izquierda.gif) repeat-y left top;}
.bloque4 .derecha { background:url(images/prueba/derecha.gif) repeat-y right top;}
.bloque4 .l_t { background:url(images/prueba/superior_izquierda.gif) no-repeat left top;}
.bloque4 .r_t { background:url(images/prueba/superior_derecha.gif) no-repeat right top;}
.bloque4 .r_b { background:url(images/prueba/inferior_derecha.gif) no-repeat right bottom;}
.bloque4 .l_b { background:url(images/prueba/inferior_izquierda.gif) no-repeat left bottom;}
.bloque4 .guia { padding:20px 20px 20px 20px; text-align:left;}