/*================================================================
NOMBRE: ADEMO
FECHA: 02/07/2007
DESCRIPCIÓN: ADEMO Interface
AUTOR: Simon Madrid & Maria Sala
====================================================================*/

/* ELEMENTOS STANDARD*/
* {margin: 0;padding: 0}
a:link,a:visited {color:#9B0040;text-decoration:none;}
a:hover,a:active {text-decoration:underline;}
ul{list-style: none;}
li {background: url(../i/bullet_list.png) no-repeat left 3px;padding-left:15px;margin:5px 0;height:auto}
h1{background: url(../i/h1.gif) no-repeat 0 0; float: left; width: 158px; height: 60px; padding-right: 10px}
h1 span, h2 span{display: none}
h2{background: url(../i/h2.gif) no-repeat 0 0; float: left; width: 208px; height: 13px; margin: 22px 0 0 7px}
h3{font-size: 1.6em; margin-bottom: 15px}
h4{font-size: 1.3em; margin-bottom: 15px;color:#00469b;}
h5{font-size: 1.1em; margin-bottom: 15px; text-align:right;}
h6{background: url(../i/bullet_pueblos.gif) no-repeat 0 0;padding:2px 0 0 25px; color:#00469b;font-size: 0.9em;}

body{background: #00469B url(../i/main_bg.gif) repeat-x 0 0}
form{display: inline}
#container{
	position: relative;
	background: #fff url(../i/content_bg.gif) repeat-x bottom left;
	padding: 10.8em 1em 1em 1em;
	margin: 0 auto;
	width: 760px;
	left: 25px;
	top: 4px;

}
#container2{
	position: relative;
	background: #fff url(../i/content_bg.gif) repeat-x bottom left;
	padding: 6.8em 1em 1em 1em;
	margin: 0 auto;
	width: 760px;
	left: 24px;
	top: 4px;

}
.header1{position: absolute; width: 758px; height: 179px; top: 0; left: 17px; background: url(../i/header1.jpg) no-repeat 0 0}
.header1b{position: absolute; width: 758px; height: 102px; top: 0; left: 17px; background: url(../i/headerb1.jpg) no-repeat 0 0}
#content{text-align: left; float: left; width: 759px;}
#headerindex{display: block; float: left; width: 100%; /*margin-bottom: 10px;*/ border-bottom: 1px solid #E1E1E1}
#headerindexb{display: block; float: left; width: 100%; margin-bottom: 0; border-bottom: 1px solid #E1E1E1}
#fecha{margin-top: 20px; font: normal 0.7em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #326DDF;float: right}
#roundededge{background: url(../i/rounded_edge.gif) no-repeat center bottom; padding: 10px 0 45px 0; clear: both; display: block}
#footer{color: #626262; font: normal 0.6em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0 auto; padding-top: 20px; width: 760px; background-color: transparent; position: relative; clear: both}
.footershadow{width: 792px; margin: 0 auto; background: url(../i/footershadow.gif) no-repeat 0 0; height: 40px}

.negrita{font-weight: bold}

.direct1, .direct2, .direct3, .direct4, .direct5, .direct6, .direct7, .direct8 {width: 365px; height:94px; float: left; padding: 0.3em; color: #7D7D7D; font: normal 0.7em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif}
.direct1, .direct3, .direct5, .direct7{margin: 0 15px 10px 0}
.direct2, .direct4, .direct6, .direct8 {margin-right: 0}
.direct1, .direct2, .direct3, .direct4, .direct5, .direct6{border-bottom: 1px solid #DDD7D7}

.direct1{background: url(../i/indexbox1.jpg) no-repeat 0 0}
.direct2{background: url(../i/indexbox2.jpg) no-repeat 0 0}
.direct3{background: url(../i/indexbox3.jpg) no-repeat 0 0}
.direct4{background: url(../i/indexbox4.jpg) no-repeat 0 0}
.direct5{background: url(../i/indexbox5.jpg) no-repeat 0 0}
.direct6{background: url(../i/indexbox6.jpg) no-repeat 0 0}
.direct7{background: url(../i/indexbox7.jpg) no-repeat 0 0}
.direct8{background: url(../i/indexbox8.jpg) no-repeat 0 0}

.direct1 p, .direct2 p, .direct3 p, .direct4 p, .direct5 p, .direct6 p, .direct7 p, .direct8 p{padding-bottom: 25px; margin-left: 131px}

.footerlogo{position: absolute; bottom: 2px; right: 2px}

a#que, a#montilla , a#feria, a#campinya, a#servicios, a#enlaces, a#tiendas, a#ademo{display: block; margin: 0 0 12px 130px; /*margin-left: 130px;*//*padding-bottom: 12px;*/ height: 16px}

a#que{background: url(../i/h3_que_es_ademo.gif) no-repeat 0 0; width: 128px}
a#montilla{background: url(../i/h3_montilla.gif) no-repeat 0 0; width: 65px}
a#feria{background: url(../i/h3_feria.gif) no-repeat 0 0; width: 95px}
a#campinya{background: url(../i/h3_campinya.gif) no-repeat 0 0; width: 180px}
a#servicios{background: url(../i/h3_servicios.gif) no-repeat 0 0; width: 65px}
a#enlaces{background: url(../i/h3_enlaces.gif) no-repeat 0 0; width: 135px}
a#tiendas{background: url(../i/h3_tiendas.gif) no-repeat 0 0; width: 135px}
a#ademo{background: url(../i/h3_ademo.gif) no-repeat 0 0; width: 100px}

a#que:hover{background: url(../i/h3_que_es_ademo.gif) no-repeat 0 -16px; width: 146px}
a#montilla:hover{background: url(../i/h3_montilla.gif) no-repeat 0 -16px; width: 83px}
a#feria:hover{background: url(../i/h3_feria.gif) no-repeat 0 -16px; width: 111px}
a#campinya:hover{background: url(../i/h3_campinya.gif) no-repeat 0 -16px; width: 198px}
a#servicios:hover{background: url(../i/h3_servicios.gif) no-repeat 0 -16px; width: 84px}
a#enlaces:hover{background: url(../i/h3_enlaces.gif) no-repeat 0 -16px; width: 152px}
a#tiendas:hover{background: url(../i/h3_tiendas.gif) no-repeat 0 -16px; width: 152px}
a#ademo:hover{background: url(../i/h3_ademo.gif) no-repeat 0 -16px; width: 100px}
a span{display: none}

a#descarga{float: left; background: url(../i/a_descarga.gif) 0 0 no-repeat; width: 245px; height: 29px}
a#email{float: right; background: url(../i/a_email.gif) 0 0 no-repeat; width: 88px; height: 29px}
a#descarga:hover{background: url(../i/a_descarga.gif) 0 -29px no-repeat}
a#email:hover{background: url(../i/a_email.gif) 0 -29px no-repeat}
a#descarga span, a#email span{display: none}

#navigation{display: block; clear: both; padding: 0 0 5px 175px;position:relative;}
#navigation a {text-decoration: none; font: normal  0.71em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif}
#submenu1 li span{color: #535353; font: normal  0.71em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif}
#submenu1 li{background:none;display: inline; margin:0;margin-right: 18px;padding:0;}
#submenu1 li a{text-decoration: none; color: #00469B; font: normal  0.71em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif}
#sidemenu{float: left; display: block; width: 145px; margin-top: 40px;}
#sidemenu li{width: 150px; padding:0;padding-bottom: 0.3em; background: url(../i/sidemenu_line.gif) no-repeat bottom left;margin:0;}
#sidemenu li a{text-decoration: none; color: #186AE0; font: normal  0.71em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif}
#sidemenu ul.sub li {color: #707070; padding:  0 0 0 12px; background: url(../i/arrow_subs.gif) no-repeat 0 3px; font: normal  0.83em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif}
#textbox{border-left: 1px solid #959595; margin: 0 0 0 157px; padding: 40px 20px 20px 20px;  text-align: justify; color: #535353; font: normal  0.7em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;}
#textbox p{margin-bottom: 20px}


#loginsocios{position: relative; width: 740px; display: block; clear: both; background: url(../i/bg_login.gif) repeat-x 0 0px; margin-bottom: 15px; font: normal 0.7em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #326DDF; text-align: right; border-bottom: #E1E1E1 solid 1px; padding: 10px}
#loginsocios input{border: 1px solid #E1E1E1; font: normal 1em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #186AE0}
#formulario input{border: 1px solid #E1E1E1; font: normal 1em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #186AE0; display: block}
#loginsocios label{margin: 0 10px 0 10px; color: #626262}
#formulario label{font: normal 1em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif}
textarea{display: block; clear: both}
#loginsocios input.botacceder,.botacceder{font-size: 0.9em; color: #fff; border: 0; background: transparent url(../i/bot_acceder.gif) no-repeat 0 1px}
#formulario input.botacceder{font-size: 0.7em; margin-top: 5px}
#loginsocios h3#useraccess{position: absolute; top: 2px; left: 5px; background: url(../i/h3_useraccess.gif) no-repeat 0 0; float: left; width: 131px; height: 32px}
#loginsocios h3#zona_privada{position: absolute; top: 2px; left: 5px; background: url(../i/h3_zona_privada.gif) no-repeat 0 0; float: left; width: 131px; height: 32px}

#loginsocios h3 span{display: none}



#organigrama {height:auto;margin:0;padding:0;}
ul#organigrama img{	float: left;padding: 2px;border: 1px solid #959595;margin-right: 10px;}
ul#organigrama li{background:none;border-bottom: 1px solid #d5d5d5;height: 60px;padding:0;}

#lista_imagen {height:auto;margin:0;padding:0;}
ul#lista_imagen img{float:left;padding: 2px;border: 1px solid #959595;margin:0px 10px 0 0;}
ul#lista_imagen a {color:#9B0040;}
ul#lista_imagen li{background:none;margin: 10px 0;border-bottom: 1px solid #d5d5d5;padding:0;padding-bottom:10px;overflow:auto;}
ul#lista_imagen h4{font-size:1.2em;}
ul#lista_imagen h5{font-size:1em}

#lista_documento {margin:0;padding:0;float:left;width:100%}
ul#lista_documento a {color:#9B0040;}
ul#lista_documento li{background:none;margin: 10px 0;border-bottom: 1px solid #d5d5d5;padding:0; padding-bottom:10px;}

#lista_mensajes {margin:0;padding:0;border-bottom: 2px solid #d5d5d5;font-size:1.2em;font-weight:bold;}
ul#lista_mensajes a {color:#9B0040;}
tr#lista_mensajes td{border-bottom: 2px solid #186AE0;padding:5px 0}

#mensajes {margin:0;padding:2px;border-bottom: 1px solid #BFDCFF;font-size:0.98em}
tr#mensajes td{border-bottom: 1px solid #d5d5d5;padding:5px 0}

.minitext{color: #186AE0;}
.mini{color: #535353;}
.total {color:#9B0040; float:right;}
.error {font-weight:bold;position:absolute;top:13px; left:160px;}

.cuadro {margin:0 10px 10px 0;background-color:#eaeaea;padding:10px;border:solid 1px #ddd;width:33%;}
.cuadro label {width: 90px; padding:10px 10px 0 0; float: left;margin:0;text-align:right;}
.cuadro input {margin-top:10px;}

.add {background: url(../i/add.png) no-repeat 0 0;width:100%;height:30px;padding:5px 0 0 30px}
.delete {background: url(../i/delete.png) no-repeat 80px 0;width:100%;height:30px;padding:5px 0 0 0px;margin-top:10px;}

#buscador {margin:10px 0 30px 0;background-color:#eaeaea;padding:10px;border:solid 1px #ddd;}
#paginacion {text-align:left;width:100%;height:20px;background: url(../images/paginas.gif) no-repeat 0 3px;}
#paginacion a{color:#551A8B;}

/* Formularios*/
label{font: normal 0.9em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;}
input,select,textarea{border: 1px solid #E1E1E1; font: normal 0.9em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #186AE0;margin-right:10px;}
select {margin-top:8px;}
button{font-size: 0.8em; color: #fff; border: 0; background: transparent url(../i/bot_acceder.gif) no-repeat 0 1px;padding:2px;cursor:pointer}

/* ventana circulares */
#textbox2{background-color:#FFF;padding: 40px 20px 20px 20px;  text-align: justify; color: #535353; font: normal  0.7em "Lucida Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;}
#textbox2 p{margin-bottom: 20px}

/* Clearfix */
.clear {clear:both;}		
.clear_left {clear:left;}		
.clear_right {clear:right;}		
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */