﻿@charset "UTF-8";
/* CSS Document */


/* 

jFlow Plus Demo CSS 

Description: Demo styles NOT for use with jFlow Plus

Creator: Devin Walker

Date: October 4, 2011

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */



/*menu_botones*/





body { margin: 0px; padding: 0 0px 0px 0px; background-color:#000000; font-family: Arial, Helvetica, sans-serif; }





#cabecera_fija {

		width:100%; margin: 0 auto;
		height: 160px;
		background-color:#ffffff;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		position: fixed;
		z-index:900;
				
}

#logo_cabecera{

		width:940px; margin: 0 auto;
		height: 180px;
		background-image: url("../images/logo_anna_2.jpg");
		background-repeat: no-repeat;
		margin-top:30px;
		margin-bottom:0px;
		
}

#logo_cabecera_esp{

		width:940px; margin: 0 auto;
		height: 30px;
		background-image: url("../images/img_alba.jpg");
		background-repeat: no-repeat;
		margin-top:0px;
		margin-bottom:0px;
		
}


#cabecera {

		width:100%; margin: 0 auto;
		height: 170px;
		background-color:#000000;
		margin-bottom:280px;
		

		
}

#marca {

		width: 0px; margin: 0 auto;
		height: 20px;
		background-color:#000;
		padding-top: 0px;
}

#expo{

		width:940px; margin: 0 auto;
		height: 100px;
		margin-top:300px;
		margin-bottom:0px;
}


#separador_empresa{

		width:100%; margin: 0px auto;
		height:185px;
		
}



/*#logo{

		width: 404px;
		height: 450px;
		
}*/




#botonera {
		height:40px;
		background-color: #ffffff; /* url("../images/navegacion.png");*/
		margin-top:-80px;
		
}




#menu {
		
		
		width: 950px; margin:auto;
		padding-top:5px;
		
		        
}

#lista {

		list-style:none;
		width: 950px;
		
}

#lista #lista2 {

		margin-left:3px;

}

#lista li {

		float:left;
		margin-left:5px;
		text-align:center;
		margin-bottom:6px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		border-left: 1px solid #000000;
		
}

#lista3 li {

		float:right;
		margin-left:5px;
		text-align:center;
		margin-bottom:6px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		border-left: 1px solid #000000;
		
}

#lista #linea{

		
		border-left: 1px solid #000000;
		
		
}




#lista li a {

		text-decoration:none;
		float:left;
		width:90px;
		padding:6px;
		
		color:#000000;
		
}

#lista li a:hover {

		
		
		color:#9d9c9c;
}

#lista3 #error a {

		text-decoration:none;
		float:left;
		width:90px;
		padding:6px;
		
		color:#000000;
		float:right;
		
}

#lista3 #error a:hover {

		
		
		color:#9d9c9c;
		float:right;
}

#lista #seleccionado{
	
		
		color:#c6071a;
		float:left;
		margin-left:5px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		width:100px;
		font-size:14px;
		border-left: 1px solid #9d9c9c;
		padding:6px;
		
}

/* logo rojo */

#logo_rojo{

		width:940px; margin: 0px auto;
		height:400px;
}

#logo_rojo2{

		width:250px; margin: 0px auto;
		height:250px;
		padding-top:70px;
}

#link_productos{

		width:100%; margin: 0px auto;
	
		
		height:80px;
		background-color:#ffffff;
}

#logo_separador{

		width:940px; margin: 0px auto;
		height:200px;
		
		
}

#logo_separador_contacto{

		width:940px; margin: 0px auto;
		height:100px;
		background-color:;
}

#logo_separador1{

		width:90px; margin: 0px auto;
		
		
}

#separador_contacto{

		width:100%; margin: 0px auto;
		height:165px;
		background-color:;
		
}

#separador_mapa{

		width:100%; margin: 0px auto;
		height:65px;
		background-color:;
		
}





/* texto */


#cuerpo_texto {

		width:100%; margin: 0px auto;
		height:;
		overflow: hidden;
		background-color:#ffffff;
		margin-top:-30px;
	
		
		
	
}

#contenedor_1{

		width:940px; margin: 0 auto;
		height:380px;
		padding-top:120px;
		padding-bottom:0px;
}



/*texto 3 bloques*/

#cuerpo_texto_2 {

		width:100%; margin: 0px auto;
		height:725px;
		overflow: hidden;
		background-color:#ffffff;
		padding-top: 110px;
		padding-bottom:100px;
		
		

}

#cuerpo_texto_3 {

		width:100%; margin: 0px auto;
		height:;
		overflow: hidden;
		background-color:#ffffff;
		margin-bottom:px;
	

}

#cuerpo_texto_4 {

		width:100%; margin: 0px auto;
		
		overflow: hidden;
		background-color:#ffffff;
		padding-top:70px;

}

#cuerpo_texto_4_a {

		width:100%; margin: 0px auto;
		
		overflow: hidden;
		background-color:#ffffff;
		padding-top:50px;
		padding-bottom:50px;

}

#cuerpo_texto_4_contacto {

		width:100%; margin: 0px auto;
		height:;
		overflow: hidden;
		background-color:#ffffff;
		margin-top:-10px;

}


#contenedor_a{

		width:940px; margin: 0 auto;
		
		
		
}


#contenedor_a_2{

		width:940px; margin: 0 auto;
		padding-top:0px;
		
}

#contenedor_a_3{

		width:940px; margin: 0 auto;
		padding-top:40px;
		
		
}



h2 {  width:400px; font-size:18px;font-family: Arial,Helvetica,sans-serif; color: #000000; text-align:left; margin:0px 0 0px 0; /*border-bottom: 1px solid #969595;*/  padding: 0px 0; }

h10 { width:450px;font-size:14px;font-family: Arial,Helvetica,sans-serif;color: #000000; margin-bottom: 40px; text-align:justify; }
h9 { width:650px;font-size:14px;font-family: Arial,Helvetica,sans-serif;color: #000000; margin-bottom: 40px; text-align:justify; }
h9 a{ width:650px;font-size:14px;font-family: Arial,Helvetica,sans-serif;color: #000000; margin-bottom: 40px; text-align:justify;text-decoration:none; }
h9 a:hover{ width:650px;font-size:14px;font-family: Arial,Helvetica,sans-serif;color: #9d9c9c; margin-bottom: 40px; text-align:justify; text-decoration:none; }
h7 { width:650px;font-size:14px;font-family: Arial,Helvetica,sans-serif;color: #000000; margin-bottom: 40px; margin-left:85px; text-align:justify; }

h8 {  width:200px;font-size:12px;font-family: Arial,Helvetica,sans-serif; color: #000000;  text-align:left;  }



h2 a{  text-decoration: none; width:400px; font-size:20px;font-family: Arial,Helvetica,sans-serif; color: #8bbf1b; text-align:left;  /*border-bottom: 1px solid #969595;*/padding-top:0px;  }
h2 a:hover{  text-decoration: none; width:400px; font-size:20px;font-family: Arial,Helvetica,sans-serif; color: #a5a5a5; text-align:left;  /*border-bottom: 1px solid #969595;*/ padding-top:0px; }

h8 a{  width:200px;font-size:12px;font-family: Arial,Helvetica,sans-serif; color: #000000;  text-align:left; text-decoration:none; }
h8 a:hover{  width:200px;font-size:12px;font-family: Arial,Helvetica,sans-serif; color:#9d9c9c;  text-align:left; text-decoration:none;  }





#enlace_mapa{

 margin-top:-20px;
}





#columna_1{

		width:280px;
		float:left;
		
		padding-top:0px;
}

#columna_2{

		width:570px;
		float:left;
		margin-left:49px;
		
		padding-top:0px;
}

#columna_3{

		width:280px;
		float:left;
		margin-left:49px;
		
		padding-top:20px;
}

#columna_6{

		width:280px;
		float:right;
		margin-left:49px;
		padding-bottom:50px;
		
}

#columna_4{

		width:280px;
		float:left;
		padding-bottom:50px;
}

#columna_4_contacto{

		width:280px;
		float:left;
		padding-bottom:50px;
		padding-top:50px;
}

#columna_5{

		width:940px;
		float:left;
		margin-left:0px;
		padding-bottom:0px;
		padding-top:40px;

}

#columna_7{

		width:280px;
		float:left;
		margin-left:49px;
		padding-bottom:50px;

}

#columna_10{

		width:280px;
		height:300px;
		float:left;
		padding-top:20px;
		border-right: solid 1px #000000;
}

#columna_direccion{

		width:280px;
		float:left;
		margin-left:49px;
		padding-bottom:0px;
		padding-top:240px;
		border-right: solid 1px #8bbf1b;
		
}

#columna_direccion_1{

		width:282px;
		float:left;
		margin-left:49px;
		padding-bottom:0px;
		padding-top:50px;
		
		
}

#espacio_direccion{

		padding-top:30px;
}

#columna_contacto{

		width:180px;
		float:left;
		margin-left:10px;
		padding-bottom:0px;
		padding-top:20px;
		border-right: solid 1px #8bbf1b;
		
}

/*DOS COLUNAS +UNA */

#columna_a{

		width:609px;
		float:left;
		padding-bottom:50px;
}

#columna_b{

		width:280px;
		float:left;
		margin-left:49px;
		padding-bottom:50px;
}









#formulario {
		
}

.campo_formulario {
		
		float: left;
		margin-bottom: 10px;
		
		
}

.label_for {

		color:#000000;
		
		font-family: arial, verdana, sants-serif;
		font-size: 13px;
		float: left;
		padding-bottom:10px;
}

.input_mensaje {

		height: 80px;
		width: 940px;
		background-color: #dfdddd;
		float: left;
		border: none;
		
}

.area_text {
		height: 20px;
		width: 940px;
		float: left;
		border: none;
}

input {

		background-color: #dfdddd;
}

#botones_for {

		float:left;
		position: relative;
		margin-top: 15px;
		
		
}

#botones_for_cat {

		float:left;
		position: relative;
		margin-top: 15px;
		
}

.input_boton {

		
		font-family: arial, verdana, sants-serif;
		font-size: 13px;
}

/* FIN formulario */







/* fin-texto */


#pie {

		
		
		padding-top:20px;
		
		
		width:100%; margin: 0px auto;
		height:150px;
		overflow: hidden;
		background-color:#dfdddd;		
		
}

#contenedor_pie{

		width: 940px; margin: 0 auto;
		height: 150px;
		text-align:center;
}

#credits_2{

		margin-top:-10px;
}

#logos_sociales {

		width: 940px;
		height: 30px;
		
				
}

.boton_social a{

		
		width: 50px;
		height: 20px;
		margin-left:10px;
		
}



#direccion_2 {

		
		
		padding-top:0px;
		
		
		width:100%; margin: 0px auto;
		height:75px;
		overflow: hidden;
		background-color:#ffffff;		
		
}


#contenedor_direccion{

		width: 940px; margin: 0 auto;
		height: 100px;
		text-align:center;
}



/*menu_botones*/



/*

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

body { margin: 0; padding: 0 50px 50px 50px; background: url("../images/bg_foto_fondo.png") repeat top left transparent; font-family: Arial, Helvetica, sans-serif; }

a { color:#838c1c; text-decoration: none; }

#container { background: #FFF; width: 936px; margin: 0 auto; -moz-box-shadow: 0 0 10px 5px #c3c3c3; -webkit-box-shadow:0 0 10px 5px #c3c3c3; box-shadow:0 0 10px 5px #c3c3c3; }

/* header 

#header {  overflow: hidden; }

#logoWrap { background:url('../images/demo-page/jflow-logo.png') no-repeat top left transparent; margin: 5px auto 10px; width: 310px; height: 100px; position: relative; }

#logoWrap h1 { font: 56px/1em 'Rokkitt', serif; color:#4f4e4e; text-shadow: 1px 1px 2px #9f9f9f; margin: 0px; text-indent: -9999px;}

#logoWrap h1 span { font-size: 18px; line-height: 30px; text-transform: uppercase; text-shadow: 0px 0px 0px; text-indent: -9999px;}

#headerSocials { overflow: hidden; position: absolute; bottom: 15px; left: 0; }

.socialItem { float: left; }

#adWrap { float: right; margin: 25px 30px 15px; background: #DDD; }

#downloadWrap { float: right; text-align: center; margin: 0 30px 0 0; }

#downloadWrap a { background: url('../images/download-sprite.png') no-repeat right top transparent; padding: 0 40px 0 0; font-style: italic; font-size: 14px; float: left; line-height: 30px; }

#downloadWrap a:hover { background-position: right -31px; color:#5d6410; }

/* content 

#content { padding: 20px 20px 60px; overflow: hidden; }

#content p { font-size: 14px; color:#646464; line-height: 18px; margin: 0 0 10px; }

#content h2, #content h3, #content h4 { font-size: 16px; font-weight: bold;padding: 15px 0; }

#main { float: left; width: 600px; }

#sidebar { float: right; width: 250px; }

/* intro */



/* sidebar 

.sidebar-widget { margin: 10px 0 20px; }

#sidebar .widgettitle { font:24px/30px 'Rokkitt', serif; color:#4f4e4e; margin: 0 0 15px; padding: 0; }

.ad-widget { padding: 20px 0 0; }

/* checklist 

.check-list { margin: 0; }

.check-list li { background: url('../images/demo-page/checkmark.png') no-repeat 0px 0px transparent; padding: 0 0 12px 20px; font-size: 14px; line-height: 20px; font-style: italic; }

#w3c { padding-bottom: 0px; }

#w3c span { position: relative; top: -15px; }

#w3c a { padding: 0 0 0 5px; position: relative; top: -5px; }

/* options table 

.option-name { font-weight: bold;   }

.option-type { font-style: italic; }

table td { padding:10px; line-height:18px; }

tr:nth-child(odd)		{ background-color:#eee; }

tr:nth-child(even)		{ background-color:#fff; }

/* code 

pre { background: #EEE; margin:0 0 15px; padding: 10px; overflow: auto; font-size: 12px; }

*/








#anna_galeria_1 a {

		background-image:url(../images/fotos/img_1_anna.jpg);
		display:block;
		width:450px;
		height:300px;
		float:left;
		margin-bottom:10px;
		border: solid 1px #9d9c9c;		
}

#anna_galeria_1 a:hover {

		background-image:url(../images/fotos/img_1a_anna.jpg);
		float:left;
		display:block;
		width:450px;
		height:300px;
		border: solid 1px #9d9c9c;
}




#anna_galeria_2 a {

		background-image:url(../images/fotos/img_2_anna.jpg);
		display:block;
		width:450px;
		height:300px;
		float:left;
		margin-bottom:10px;
		margin-left:32px;
		border: solid 1px #9d9c9c;
		
				
}

#anna_galeria_2 a:hover {

		background-image:url(../images/fotos/img_2a_anna.jpg);
		float:left;
		display:block;
		width:450px;
		height:300px;
		border: solid 1px #9d9c9c;
		margin-left:32px;
}








#anna_galeria_3 a {

		background-image:url(../images/fotos/img_3_anna.jpg);
		display:block;
		width:450px;
		height:300px;
		float:left;
		margin-bottom:10px;
		border: solid 1px #9d9c9c;
		
				
}

#anna_galeria_3 a:hover {

		background-image:url(../images/fotos/img_3a_anna.jpg);
		float:left;
		display:block;
		width:450px;
		height:300px;
		border: solid 1px #9d9c9c;
		
}




#anna_galeria_4 a {

		background-image:url(../images/fotos/img_4_anna.jpg);
		display:block;
		width:450px;
		height:300px;
		float:left;
		margin-bottom:10px;
		margin-left:32px;
		border: solid 1px #9d9c9c;
				
}

#anna_galeria_4 a:hover {

		background-image:url(../images/fotos/img_4a_anna.jpg);
		float:left;
		display:block;
		width:450px;
		height:300px;
		margin-left:32px;
		border: solid 1px #9d9c9c;
		
}






#columna_texto_1{

		width:450px;
		float:left;
		padding-top:0px;
		
		
}

#columna_texto_2{

		width:450px;
		float:left;
		padding-top:20px;
		margin-left:40px
		
}









#foto_3 a {

		background-image:url(../images/fotos/retrats_galeria.jpg);
		display:block;
		width:940px;
		height:377px;
		float:left;
		margin-bottom:25px;		
}

#foto_3 a:hover {

		background-image:url(../images/fotos/retrats_galeria_1.jpg);
		float:left;
		display:block;
		width:940px;
		height:377px;
}

#texto_galeria{

margin-top:0px;
padding-bottom:70px;
}

#texto_galeria_prueba{

margin-top:30px;
padding-bottom:40px;
text-align:justify;

}



