/*--------------------------------------------------------------------------------
Dani F.L. 
http://petra.euitio.uniovi.es/~i1518653/dfl
2006
--------------------------------------------------------------------------------*/

/*---Opciones de estilo de globales de las webs----------------------------*/
html,body {
	margin: 0px auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;	
	background: url(../img/body_bg.gif) top left repeat-x;
	background-color: #EEBE7F;/*#EEBE7F;*/
	color: #000000;	
	
	}
	
p{
	color: #000000;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
}

img.imagenweb{
	padding:2px;
	margin:15px;
	border:#5E4328 solid 4px;
	background-color:#EEBE7F;	
}

img{
	padding: 0px;
	margin: 0px;
	border: none;
}




	
	
/*** Estructura en capas de la web ---------------*/	
/*- Central Block -------------------------------*/
/* Bloque central de la web donde se encuentran todo lo demas */
#centralblock{
	margin: 0px auto 0px auto;
	width: 780px;
	font-size: 11px;
	text-align: justify;	
	}
/*- Header -------------------------------*/
/* Encabezado superior de la web. Contiene el banner de la web */	
.header {	
	margin: 0px 0px 0px 0px;
	width: 780px;
	height: 220px;		
	background: url(../img/header_bg.gif) no-repeat bottom center;
	background-color: #E3CEB1;
	}	

.header p{
	margin: 0px 20px 0px 20px;;
	padding: 3px 1px 2px 3px;
	text-align: right;
	color: #F0D1A8;
	font-weight:bold;
	font-size: 12px;
}
.header a{
	color:#FFFFFF;
	padding: 1px;
	font-weight:bold;
	text-decoration: none;
}
.header a:hover{
	color:#5E4328;
	background-color: #F0D1A8;
	text-decoration: none;
}

/*- Menu Bar ----------------------------*/
/* Barra de menu con los links a las diferentes secciones */
/*---------- los siguientes estilo son usados para que cambien de Color los botones del Menu --------*/
.menubar{
	margin: 0px 0px 0px 0px;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 780px;
	height:  50px;/*25px;	*/
	font-size:16px;	
	background: url(../img/menubar_bg.gif) bottom no-repeat;
	background-color: #EFE3C6; /*#EFE3C6;*/
	font-weight: bold;	
	}
#menuline1{
	border-top:  #EEBE7F 2px solid;
	border-bottom:  #EEBE7F 1px solid;
}
#menuline2{
border-top:  #EEBE7F 1px solid;
	border-bottom:  #EEBE7F 2px solid;
}
.menu{
	margin: 0px 0px 0px 43px;
	padding: 1px;	
	width: 690px;
	height: 20px;	
	font-size:14px;		
	background-color: #EFE3C6; 
	color: #5D4228;
	font-weight: bold;		
	text-align: center;
	
	}

	
.menu a.botonMenu,  a.botonMenuThis {
	padding: 3px 6px 4px 6px;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #AD7B4A;	
	text-decoration: none;	
} 
.menu a.botonMenu:hover  {
	color: #5E4328; 
	font-weight: bold;
	background-color: #EEBE7F;	
} 
.menu  a.botonMenu:active, a.botonMenuThis{
	color: #EEBE7F; 
	font-weight: bold;
	background-color: #5E4328;	
} 

/*- Content -------------------------------*/
/* Segmento central de la wen con el contenido expecifica de cada documento */
.content {	
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;	
	width: 780px;	 
	/*height: 450px;	*/
	background: url(../img/content_bg.gif) repeat-y;
	background-color:#EFE3C6;
	text-align: left;
	}
	
/* Estilo de los vinculos cuando son de texto */
a.texto{
	color: #6F0F0F;
	text-decoration: none;
	font-weight: bold;
}
a.texto:hover{	
	color:#5E4328;
	background-color: #EEBE7F; /*EFE3C6;*/
	border-bottom: #5E4328 1px solid;
}

/* Estilo de los vinculos cuando son imagenes */
a.imagen:hover{
	border-top:#EEBE7F 3px solid;
	border-bottom: #EFE3C6 0px solid;
	background-color:#EFE3C6;
}



/*- End Content --------------------------*/
/* Segmento que contiene la imagen finaliza el aspecto del contenido */
.endcontent{
	margin: 0px 0px 0px 0px;	
	padding-top:1px;
	width: 780px;
	height:150px;		
	background: url(../img/endcontent_bg.gif) no-repeat;
	background-color: #EFE3C6;		
}
/* - Site Info ------------------------------------*/
/* Parrafo con la informacion de la pagina, css, xhtml, copyright....  */
.siteinfo {
	margin: 30px 100px 0px 100px;	
	text-align: left;
	}
.siteinfo a {	
	color: #5E4328;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	text-decoration: none;
	}
.siteinfo a:hover {	
	background-color: #FAF6EC;
}


/* Foot -------------------------------*/
/* Pie de pagina que recoge informacion sobre esta y estadisticas */ 
/*.foot {
	margin: 10px 0px 0px 0px;
	width: 780px;
	height: 104px;
	background: top left url(../img/foot_bg.gif) no-repeat;	
	background-color:#E3CEB1;
	padding: 2px 0px 2px 0px; 
	}	*/

/*- bottombar -------------------------------*/
/* Barra en la parte mas inferior de la web */
.bottombar {
	margin: 10px 0px 0px 0px;
	padding-top: 13px;
	width: 780px;
	height: 85px;			
	background: top left url(../img/bottombar_bg.gif) no-repeat;
	background-color: #E3CEB1;	
	}
.bottombar img {
	border: solid 0px #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}
/* La table extras esta en el fondo de pagina y contiene links al contador y el libro de visitas */
#extras {
	margin-left:280px;
}

	
/*- imagenes  ------------------------------------------*/
/* Zonas del contenido de la web donde se incluyen imagenes */
.imagenes{
	margin: 10px 90px 10px 90px;
	width: 600px;	
	text-align:center;
}
/* Zona con imagenes que van acompaņadas de texto*/
.imagenes2{
	margin: 10px 40px 10px 40px;
	width: 700px;	
	text-align:center;
}
.imagenes2 img{
	vertical-align:middle;
}

/* - Zona donde se muestra informacion sobre una oferta especial - */
.oferta{
	margin: 10px 90px 10px 90px;
	width: 600px;			
	background-color:#EEBE7F;   /*EEBE7F;*/
	padding: 10px;
}
.oferta p{
	font-size: 16px;
	text-align:center;
	color: #886747;/*#5E4328;*/
	font-weight: bold;
}
.oferta strong{
	color: #6F0F0F;	
}
.oferta li{
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	color: #773300;	
}

h2.destacado{
	border-bottom: solid 2px #773300;
	border-left:  solid 2px #773300;
	padding: 7px;
	width: 60%;
	margin-top: 50px;
}
		
/*- Estilo de Tablas ---------------*/
/*table
{
	width: 100%;
	color: #000000;
	text-align: justify;
	font-size: small;
	font-family: Arial, sans-serif;
	background-color: #FFF9CC;
	border-collapse: collapse;	
}
th{
    border-bottom: thin solid #6F0F0F;
    text-align: center;
    border-collapse: collapse;  
}
td {
	 border: thin solid #6F0F0F;
    text-align: justify;  
    border-collapse: collapse;  
}
td.especial{
	text-align: center;
	font-weight: bold;
	background-color: #FFD88E; 
	color: #6F0F0F;
}*/

/*- Elementos flotantes -------*/	
.fr {						
	float: right;
	}
.fl {
	float: left
	}
.fc {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

/*------------ Titulos y texto asociado -------------------*/	
/* titulo 1 */
h1, h2, h3, h4, h5{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
    color: #5E4328;   
	text-align: left;
	padding-top: 3px;
}
h1{
	border-bottom: 1px solid #999999; 
	margin-left: 60px;
	width: 80%;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 18px;
}
/* Texto de nivel 1 */ 
.nivel1{
	padding: 1px 60px 4px 60px;
}
/* titulo 2 */
h2
{	
    margin-left: 75px;   
	font-size: 18px;
}
/* Texto de nivel 2 */ 
.nivel2{
	padding: 1px 60px 4px 75px;
}
/* titulo 3 */
h3
{
	margin-left: 90px;	
	font-weight: bold;
	font-size: 16px;
}
/* Texto de nivel 3 */ 
.nivel3{
	padding-left: 8%;	
	padding: 1px 60px 4px 90px;
}
/* titulo 4 */
h4
{
    margin-left: 105px;   
	font-size: 16px;
}
/* Texto de nivel 4 */ 
.nivel4{
	padding: 1px 60px 4px 105px;
}


/*------------- Varios estilos --------------- */
/* Para destacar contenido.*/
strong
{
	font-family: Tahoma, Sans-Serif;
	font-weight: bold;
	color: #5E4328;
}
/* Este estilo pone el texto mas grande para destacarlo mas */
.special{
	font-size: 18px;
	color: #E17F1F;
	font-weight:bold;
	padding: 0px 4px 0px 4px;
}


/* Enfasis */
em
{
	 font-style: italic;
    font-weight: bold;
    color: #635C42;
}

/* Stilo de las lineas horizontales */
hr
{
	margin-top: 10px;
	margin-left: 90px;
	color: #635C42;
	height: 1px;
	width: 70%;
	background-color: #635C42;
	border: thin solid;
}
/* Lista sin orden. */
ul
{
	list-style-image: url(../img/lista.gif);
	color: #000000;
	text-align: left;
	list-style-position: inside;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	
}
/* Lista soin orden con estilo especial para hacer el mapa d ela web */
ul.mapa{
	padding: 6px 60px 6px 75px;
	line-height: 18px;
	font-size: 14px;
}
/* Lista Ordenada */
ol
{
	list-style-type: decimal;
	color: #000000;
	list-style-position: inside;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	
}


/* Listas de Definicion */
/* Termino a definir en una lista de definicion */
dt
{	
	font-weight: bold;	
	color: #AD7B4A;
    border-bottom: thin solid #AD7B4A;
	padding-top: 10px;
	width: 90%;
	font-size: 12px;
}
/* Definicion */
dd{	
	color: #000000;
	padding-bottom: 10px;
	width: 80%;
	font-size: 12px;
}
/* Esta estilo se puede aplicar a caso todos los elementos. Lo que hace es eliminar el
borde del elemento */
.noBorde
{
	border: 0px solid;	
}
/* inversa del anterior, Crea un borde para el elemento */
.conBorde
{
	border: 1px solid #AD7B4A;	
}






/* Destacar algun texto. Centrado.  */
p.infoC
{
    text-align: center;
    font-style: italic;
    color: #6F0F0F;
}
/* Destaca algun texto. Alineado a la Derecha */
p.infoR
{
	width: 80%;
	text-align: right;
	margin-left: 50px;
	margin-right: 50px;
	font-weight:bold;
	font-family: Georgia, Times, serif;
	color: #AD7B4A;
	font-size:12px;
	
}
/* Destaca algun texto. Alineado a la Derecha. Special para la pagian de entrada */
p.infoRspecial
{
	text-align: right;
	margin-right: 50px;
	font-weight:bold;
	font-family: Georgia, Times, serif;
	color: #AD7B4A;
	font-size:16px;
}
/* Imagen sin color de fondo ni borde */
img.special {
	border: solid 0px #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}
/* - tipo de parrafo especial que se crea despues de ejecutar el script de enviar correo */
#mensaje{
	height: 380px;
}

/* Estilos relacionados con los Formularios -------------------------------*/
/*- Form, zona de formulario -- */
form{
	margin: 10px 115px 10px 115px;
	width: 550px;	
	text-align:center;
	display:block;
}
/*- Fieldset - subsecciones dentro del formulario */
fieldset{
	margin-top: 15px;
	padding: 15px 30px 15px 30px;
	border:#5E4328 groove 2px; 
}
/* - Legend - Titulos de los fieldset */
legend{
	color: #5E4328;
	font-family: Georgia, Times, serif;
	font-size:12px;
}
/*label -identificadores de los campos del formulario */
label{
	font-weight:normal;	
	text-align:left;
	line-height: 30px;	
	display:block;
}
/* Input y textares - cuadors de texto de los formularios */
input, textarea, select {
color:#000; 
border:1px solid #5E4328; 
background:#EFEADF; 
margin-right: 20px;
}
/* Input y textares - cuadors de texto de los formularios cuando estan activos */
input:focus, textarea:focus, select:focus {
color:#000; 
border:1px solid #EEBE7F; 
background:#FAF6EC;
}
/* Botones - Zona del formualrios donde se ponen los botones */
.botones{
	text-align: center;
}



/* Estilos relacionados con la pagina de Opiniones -------------------------------*/
/*-  -- */

#opiniones{
/*	margin: 0px auto;*/
	margin-right: 8%;
	margin-left: 8%;
}

.impar{
	background-color:#f5d6ad;
/*	width: 80%;*/
	clear: both;
	/*margin-left: 2%;*/
}
.impar p{
	text-align: left;
	padding: 5px;
	padding-right: 25%;
}

.par{
	padding: 15px 0px 15px 0px;		
/*	width: 80%;*/
	float: right;
	/*margin-right: 7%;*/
}
.par p{
	text-align: right;	
	padding: 5px;
	padding-left: 25%;
}

#opiniones .par .firmaopinion{
	border-bottom: 3px solid #5E4328;
	font-weight: bold;
	border-right: none;
	color: #5E4328;	
}

#opiniones .impar .firmaopinion{
	border-bottom: 2px solid #5E4328;
	font-weight: bold;
	border-left: none;
	color: #5E4328;
}


#opiniones .par p{
	border-bottom:   1px solid #D1C1AF;
/*	border-right: 1px solid #D1C1AF;*/
}

#opiniones .impar p{
	border-bottom:   1px solid #8C7153;
	/*border-left: 1px solid #8C7153;*/
}

#opiniones .imagenopinion{
	text-align: center;
}