* {	padding:0; margin:0; border:0; 	color:#FFFFFF; }
body { 
	font-size:100%;
	padding: 0 5px;
	font-family: tahoma;
	background-color: #aab8ab;
	background-image:url(../images/fondo.jpg);
	background-repeat:repeat-x;
	background-position:center top;	
}

/*------------------------ Contenido rectas --------------------------------*/
ul, li, h4, h3, h2, h1, p {
	padding:0;
	margin:0;
	list-style:none;
}

#img_portada {
	margin-left:85px;
	margin-top:140px;
	
}
/*------------------- Contenedor Principal----------------------------*/
#screen {
	height:640px;
	width:950px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-475px;
	margin-top:-320px;
}

/*---------------- Menu Lateral -----------------*/
#navigation {
	float:left;
	width:210px;
	height:565px;
	padding-top:15px;
	background-image:url(../images/nube_03.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#navigation ul {
	width:100%;
}
#navigation li {
	margin:0;
	padding:0;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
#navigation a {
	text-decoration:none;
	text-transform: lowercase;
	font-size:75%;
}
#navigation a:hover {
	color:#aab7be;
}
#navigation IMG {
	border:0;
}

/*------------------- Secciones de contenido -----------------------*/	
#sections {
	overflow:hidden;
	width:740px;
	height:581px;
	margin:auto;
	margin-top:25px;
}

#scrollbar1 { width: 740px; height:545px; margin: auto;	margin-top:25px;	margin-bottom:25px; }
#scrollbar1 .viewport { width: 700px; height: 545px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #365786; margin-top:1px; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 8px;}
#scrollbar1 .track { background-color: #DDDDDD; height: 100%; width:6px; position: relative; padding:0 1px; }
#scrollbar1 .thumb { height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 6px;}
#scrollbar1 .disable{ display: none; }

#sections li {
	float:left;
	width:740px;	
	height:581px;
}

/*---------------- Contenido, columna izquierda---------------------------*/
.texto, .texto_b, .texto_r, .texto_c, .texto_cu, .texto_pro, .texto_inf, .texto_ck {
	float:left;
	width:340px;
	height:581px;
	background-image:url(../images/nube_04.png);
	background-repeat:no-repeat;
	background-position:center 50%;
}
.texto_inf {
	background-image:url(../images/nube_06.png);
	background-position:right 40%;
}
.texto_b {
	background-image:url(../images/nube_06.png);
	background-position:right 75%;
}
.texto_c {
	background-image:url(../images/nube_05.png);
	background-position:right 65%;
}
.texto_ck {
	background-image:url(../images/nube_05.png);
	background-position:right 40%;
}
.texto_cu {
	background:none;
}
.texto_pro {
	background-image:url(../images/nube_01.png);
	background-position:center 40%;
}
.texto_r {
	background:none;
	width:740px;
}
.texto p, .texto_b p, .texto_c p, .texto_cu p, .texto_pro p, .texto_inf p  {
	width:280px;
	padding-bottom:10px;
	padding-left:60px;
	font-size:75%;
	line-height:1.4em;
	text-align:left;
}

#scrollbar1 ul {
	padding:0;
	margin:0;
}

#scrollbar1 ul li {
	padding:0;
	margin:0;
	height:auto;
}

.texto_r p, #scrollbar1 p, #scrollbar1 ul {
	width:610px;
	padding-bottom:10px;
	padding-left:60px;
	font-size:75%;
	line-height:1.4em;
	text-align:left;
}


/*---------------- Contenido, columna derecha---------------------------*/
.imagen {
	float:left;
	width:400px;
	height:581px;
}
.imagen_entrada {
	float:left;
	width:400px;
	height:581px;
	background-image:url(../images/entrada.png);
	background-repeat:no-repeat;
}
.imagen p, .imagen_form p {
	width:340px;
	padding-bottom:10px;
	padding-left:60px;
	font-size:75%;
	line-height:1.4em;
	text-align:left;
}

.imagen_form {
	float:left;
	width:400px;
	height:581px;
	background-image:url(../images/nube_06.png);
	background-repeat:no-repeat;
	background-position:center 80%;	
}
form {
	width:400px;
}
form div {
	text-align:right;
	font-size:75%;
	margin-bottom:10px;
}
.entrada_texto {
	border:1px #aab7be solid;
	width:300px;
	height:18px;
}
.entrada_desc {
	border:1px #aab7be solid;
	width:300px;
	height:150px;
}

dt {
	padding-bottom:10px;
}

A.titular_receta {
	color:#aab7be;
	font-weight:bold;
	text-decoration:none;
	padding-left:60px;	
	font-size:75%;
	line-height:1.4em;
}

.titular {
	color:#aab7be;
	font-weight:bold;
}
.titular A {
	text-decoration:none;
	color:#aab7be;
	font-weight:bold;
}
.titular A:hover {
	color:#FFFFFF;
}

.negrita {
	font-weight:bold;
}
.cursiva {
	font-style:italic;
}

/*------------------------ Recetario --------------------------------*/
#recetario { width: 740px; height:545px; margin: auto;	margin-top:25px;	margin-bottom:25px; }
#recetario .viewport { width: 700px; height: 545px; overflow: hidden; position: relative; }
#recetario .overview { list-style: none; position: absolute; left: 0; top: 0; }
#recetario .thumb .end,
#recetario .thumb { background-color: #365786; margin-top:1px; }
#recetario .scrollbar { position: relative; float: right; width: 8px;}
#recetario .track { background-color: #DDDDDD; height: 100%; width:6px; position: relative; padding:0 1px; }
#recetario .thumb { height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#recetario .thumb .end { overflow: hidden; height: 5px; width: 6px;}
#recetario .disable{ display: none; }

#recetario ul {
	padding:0;
	margin:0;
}

#recetario ul li {
	padding:0;
	margin:0;
	height:auto;
}

#recetario p, #recetario ul {
	width:610px;
	padding-bottom:10px;
	padding-left:60px;
	font-size:75%;
	line-height:1.4em;
	text-align:left;
}				

/*------------------------ Cockteleria --------------------------------*/
#encopa { width: 740px; height:545px; margin: auto;	margin-top:25px;	margin-bottom:25px; }
#encopa .viewport { width: 700px; height: 545px; overflow: hidden; position: relative; }
#encopa .overview { list-style: none; position: absolute; left: 0; top: 0; }
#encopa .thumb .end,
#encopa .thumb { background-color: #365786; margin-top:1px; }
#encopa .scrollbar { position: relative; float: right; width: 8px;}
#encopa .track { background-color: #DDDDDD; height: 100%; width:6px; position: relative; padding:0 1px; }
#encopa .thumb { height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#encopa .thumb .end { overflow: hidden; height: 5px; width: 6px;}
#encopa .disable{ display: none; }

#encopa ul {
	padding:0;
	margin:0;
}

#encopa ul li {
	padding:0;
	margin:0;
	height:auto;
}

#encopa p, #encopa ul {
	width:610px;
	padding-bottom:10px;
	padding-left:60px;
	font-size:75%;
	line-height:1.4em;
	text-align:left;
}				

/*------------------------ Recetario Infusiones --------------------------------*/
#recetario_infusion { width: 740px; height:545px; margin: auto;	margin-top:25px;	margin-bottom:25px; }
#recetario_infusion .viewport { width: 700px; height: 545px; overflow: hidden; position: relative; }
#recetario_infusion .overview { list-style: none; position: absolute; left: 0; top: 0; }
#recetario_infusion .thumb .end,
#recetario_infusion .thumb { background-color: #365786; margin-top:1px; }
#recetario_infusion .scrollbar { position: relative; float: right; width: 8px;}
#recetario_infusion .track { background-color: #DDDDDD; height: 100%; width:6px; position: relative; padding:0 1px; }
#recetario_infusion .thumb { height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#recetario_infusion .thumb .end { overflow: hidden; height: 5px; width: 6px;}
#recetario_infusion .disable{ display: none; }

#recetario_infusion ul {
	padding:0;
	margin:0;
}

#recetario_infusion ul li {
	padding:0;
	margin:0;
	height:auto;
}

#recetario_infusion p, #recetario_infusion ul {
	width:610px;
	padding-bottom:10px;
	padding-left:60px;
	font-size:75%;
	line-height:1.4em;
	text-align:left;
}				

/*------------------------ Menu inferior --------------------------------*/
#menu_inferior {
	width:900px;
	margin:auto;
	font-size:75%;
	clear:both;
	text-align:right;
}
#menu_inferior A {
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;	
	border-right:1px #FFFFFF solid;
}
#menu_inferior A:hover {
	color:#aab7be;	
}
#menu_inferior A#active_menu {
	color:#aab7be;	
	font-weight:bold;
}
#enlaces_inferior {
	padding-top:3px;	
}
#logos {
	float:right;	
	margin-left:10px;
	margin-right:32px;
}
#logos A {
	border:0px;
	padding:0;
}
#logos IMG {
	vertical-align:middle;
}

/*------------------------ Contenido Joomla ----------*/
table.contentpaneopen {
	font-size:75%;
	padding-left:60px;	
}

table.jform h2 {
	display:none;
}

table.jform {
	font-size:75%;
	padding-left:60px;
}

INPUT.caja_texto {
	width:350px;	
	height:20px;
	color:#000000;
	margin-bottom:5px;
}
INPUT.boton_enviar {
	border:1px #aab7be solid;
	color:#FFFFFF;
	margin-top:15px;
	
}
TEXTAREA.caja_texto_largo {
	width:350px;	
	height:100px;
}

table.contentpaneopen_legal {
	padding:0;
	text-align:justify;
	overflow:auto;
}

table.contentpaneopen_legal P {
	padding-bottom:10px;
	width:90%;
	margin:auto;
	font-size:75%;
}

table.contentpaneopen_legal ul {
	padding-bottom:10px;
	width:90%;
	margin:auto;
	font-size:75%;
	color:#FFFFFF;
}


p.campo_formulario {
	width:450px;
	text-align:right;
	padding-bottom:5px;
}

form#form_entrada {
	width: 245px;
	margin-top:45px;
	margin-left:85px;
	color:#575757;
}
p.campo_formulario_inicio {
	width:235px;
	text-align:left;
	padding-bottom:10px;
	color:#575757;
	font-size:75%;
}

.caja_texto, .caja_fichero {
	font-family: tahoma;		
	width:300px;
	height:18px;
	vertical-align:middle;
	margin-left:5px;
	padding-left:5px;
	border:1px #CCCCCC solid;
	background-color:#FFFFFF;
	color:#575757;
}
.caja_consulta {
	font-family: tahoma;		
	width:348px;
	height:150px;
	vertical-align:top;
	margin-left:5px;
	padding-left:5px;
	border:1px #CCCCCC solid;
}
.caja_texto_entrada {
	font-family: tahoma;		
	width:38px;
	height:18px;
	vertical-align:middle;
	margin-left:5px;
	padding-left:5px;
	border:1px #CCCCCC solid;
	background-color:#FFFFFF;
	color:#575757;
}
.caja_texto_entrada_corto {
	font-family: tahoma;		
	width:20px;
	height:18px;
	vertical-align:middle;
	margin-left:5px;
	padding-left:5px;
	border:1px #CCCCCC solid;
	background-color:#FFFFFF;
	color:#575757;
}
.boton {
	width:100px;
	padding:3px;
	border:1px #CCCCCC solid;
	background-color:#FFFFFF;
	color:#000000;
}