/*
PRIMARY COLORS:
light-gray: #e4e4e5;
dark-grey: #807174;
wine: #ab3842;
*/



html{
	color:#ab3842;
}


body{
	font-size: 90%;
	font-family: Arial, helvetica, georgia, sans-serif;
	line-height: 1.6em;
/*	text-align: center;*/
text-align:justify;
/*	font-weight: bold; */
}


ul, li, img, body, html{
	margin: 0;
	padding: 0;
}


a{
	text-decoration: none;	
	color:#ab3842;
}


a img{
	border: none;
}


#container{
	text-align: left;
/*text-align:justify;*/
	margin: auto;
	width: 1024px;
}

/*
#container ul, #container ul li a{
	list-style-type: none;
}

ES DEMASIADO general, debe afectar solo al container y al frame
*/
ul, ul li a{
	list-style-type: none;
}
/* ES DEMASIADO general, debe afectar solo al frame*/
li a:hover{
	color: white;
	background-color:#807174;
}


/* TOP*/
#top{	
	width: 100%;
	clear: both;
	position: relative;
	z-index:10;/*para que salga por encima de los tratamientos*/
}

#logo{
	padding-top: 5px;
	position: relative;
	overflow: hidden;
	float: left;
	height:70px;
}


#top_menu{
	float: right;
/*	background: #e4e4e5;*/
	border-top: 20px solid #ffffff;
	border-left: 80px solid #ffffff;
	text-transform: uppercase; 
	width: 750px;
}


/*Necesito esto para que salga bien el borde redondeado*/
#top_menu .rbcontent_light{
	height: 24px;
}


#top_menu ul#nav li{
/* Esto es para cuando usemos las banderas de idiomas
	padding-right: 14px;
	padding-left: 14px;
*/
	padding-right: 17px;
	padding-left: 17px;
	font-size: 1em;
/*Hago que salga como un menu*/
	float: left;
	position: relative;
}


#top_menu ul#nav li:hover{
	background: #807174;
}


#nav li a:hover{
	text-decoration: none;
	color: white;
}

hr{
	clear:both;
	text-align: center;
	color: #ab3842;
}

/* CUERPO */
#cuerpo{	
	width: 100%;
	clear: both;
}


#columna1{
	padding-top:5px;
	width: 20%;
	float: left;
}



#menu_izqda{
	float: left;
	width:90%;
/*	background: #e4e4e5;*/
}


#menu_izqda ul#nav li{
	line-height: 3.0em;
	font-size: 0.8em;
	text-align: center;
	text-transform: uppercase; 
}


#menu_izqda ul#nav li:hover{
	background: #807174;
}


#nav li a:hover{
	text-decoration: none;
	color: white;
}


#foto_izqda{
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	float: left;
	width: 90%;
}


#columna2{
	width: 58%;
	float: left;
}



#productImages{
	padding-top:10px;
	padding-bottom:20px;
	float:left;
	clear:both;
	width: 430px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	margin-left:-130px; /*Para que realmente se vea centrado*/
}

#productImages img{
/*	width:300px;
	height: 300px;
*/
}

#productImages ul{
	text-align:center;
}

#foto_centro{
/*	position: relative;
	overflow: hidden;*/
	margin-left: 95px;
	margin-bottom: 30px;
}



#confianza{
	margin-top:-100px;
	margin-left:20px;
	color:white;
	float: left;
	width: 95px;
	/*para ocultarlo, descomentar esto*/
	/*display:none;*/
}


#texto_centro {
	width:95%;
	margin-top:-18px;
	margin-right:18px;
	float: left;
}

#texto_centro p{
	clear:both;
}


#texto_centro ul{
	margin-left:20px;
	list-style-type: disc;
}
#servicios{
	margin-top:-18px;
	margin-left:10px;
	color:white;
	float: left;
	width: 90px;
}


#columna3{
	padding-top:5px;
	padding-left:15px;
	width: 20%;
	float: left;
}


#columna3 a:hover{
	color: white;
	background-color:#807174;
}


#noticias{
/*	padding-top:15px;*/
	position: relative;
	overflow: hidden;
}


/*Ticker*/
#noticias .tickerstyle{height:185px; overflow:hidden;}
#noticias .messagediv{display: none;}
/*FIN ticker*/


#certificaciones{
	margin-top:-15px;
	margin-left:10px;
	color:white;
	float: left;
	width: 130px;
}

#texto_dcha {
	margin-top:-15px;
}

#texto_dcha p{
	clear:both;
	height:218px;
}


/* FOOTER */
#footer{	
	width: 100%;
	clear: both;
	text-transform: uppercase; 
}

#footer .rbcontent_light{
	height: 42px;
}

#developer{
	width:33%;
	margin-top:12px;
	float: left;
	text-align:left;
}

#empresa{
	width:33%;
	float: left;
	text-align:center;
}

#info_azuara{
	margin-top:12px;
	width:33%;
	float: left;
	text-align:right;
}


/*Corners*/

/* set millions of background images */
.rbroundbox_light { background: url(images/nt_light.gif) repeat; }
.rbtop_light div { background: url(images/tl_light.gif) no-repeat top left; }
.rbtop_light { background: url(images/tr_light.gif) no-repeat top right; }
.rbbot_light div { background: url(images/bl_light.gif) no-repeat bottom left; }
.rbbot_light { background: url(images/br_light.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop_light div, .rbtop_light, .rbbot_light div, .rbbot_light {
width: 100%;
height: 7px;
font-size: 1px;
}

/* set millions of background images */
.rbroundbox_wine { background: url(images/nt_wine.gif) repeat;}
.rbtop_wine div { background: url(images/tl_wine.gif) no-repeat top left; }
.rbtop_wine { background: url(images/tr_wine.gif) no-repeat top right; }
.rbbot_wine div { background: url(images/bl_wine.gif) no-repeat bottom left; }
.rbbot_wine { background: url(images/br_wine.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop_wine div, .rbtop_wine, .rbbot_wine div, .rbbot_wine {
width: 100%;
height: 7px;
font-size: 1px;
}


/* liquid borders*/
.top-left { 
	background-image: url('images/barra_fondo2.png');
	height: 35px;
	margin-right: 35px; 
	font-size: 2px;
}

.top-right { 
	margin-top: -35px;
	margin-left: 35px;
	background-image: url('images/barra_fondo2.png'); 
	background-position: 100% 0; /* show bg-image starting at the right */
	height: 35px; 
	font-size: 2px; 
}

.bottom-left {
	margin-right: 35px; /* clip right corner */
	background-image: url('images/barra_fondo2.png');
	background-position: 0 -35px; /* show under half of the image */
	height: 35px;
	font-size: 2px;
}

.bottom-right {
	margin-top: -35px; /* to level of bottom-left corner */
	margin-left: 35px; /* clip left corner */
	background-image: url('images/barra_fondo2.png'); 
	background-position: 100% -35px; /* under half, right side */
	height: 35px; 
	font-size: 2px; 
}

.inside {
	border-left: 4px solid #807174;
	border-right: 4px solid #807174;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 3px;
	margin-bottom: -15px;
	margin-right: 2px;
}


#homepage_main{
	margin-top: -30px;
	margin-bottom: -20px;
}

.notopgap {
	margin-top: 0;
}

.nobottomgap {
	margin-bottom: 0;
}

#div_tratamientos{
	position:absolute;
	background-color:#e4e4e5;
	margin-left: 240px;
/*	margin-top: -1%;*/
	margin-top: -38px;
	z-index:1;
	padding-right: 20px;
	padding-left: 20px;
	border-top: 3px solid green;
	border-right: 3px solid #807174;
	border-left: 3px solid #807174;
	border-bottom: 3px solid #807174;
}

#div_tratamientos dt{
	text-transform: uppercase; 
	font-size: 85%;
}

#div_tratamientos li{
	padding-left:20px;
	font-size: 80%;
}

/*
Estos estilos son para el calendario del FORM
*/
#calendario {
	text-align:left;

}
#calendario table{
	border-width: 0px;
}

#calendario table td{
	border-width: 0px;
}

.calFondoCalendario{
	background: black;
}

/* Para los dias que han sido seleccionados*/
.calSimboloSel{
	background: #807174;
}

.calDias{
	background: #807174;
}

.calFondoEncabe{
	background: #807174;
}
/* Para los dias NO seleccionados; Se usa el que esta por defecto*/
/*
.calSimbolo{
	background: green;
}
*/

#texto{
padding-left:2%;
}


#monogatari_developer{
	font-size: 70%;
}