@charset "utf-8";
/* CSS Document

COLORES:
verde canyar2
verde pastel claro:5DE8AC,
más pastel oscuro;12B56E,galeria
verde logo:008200,noticias
morado claro8F248F,
morado oscuro:8912B5

salmon canyar
salmon claro:FFD6BF,
salmon oscuro:B27E62,
salmon medio:FFC5A6,
azul pastel oscuro:50B2AE,contacto
azul pastel claro:A6FFFB

verde canyar
verde medio:2D972D,
verde vibrante:00CE00,
verde pastel vibrante:3ECE3E,
verde oscuro:004F00

fondo#ACA899*/

* {
	margin:0;
	padding:0;
	border:0
}
:focus {
	outline:0;
}
body {
	background-image:url(../img/fondo3.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	text-align:inherit;
}
a {
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
td, p {
	text-align:justify;
}
h1 {
	font-size:14px;
}
a:link {
}
a:active {
}
a:visited {
}
a:hover {
	color:#000;
}
#principal {
	position:relative;
	margin:0 auto;
	width:720px;
	height:550px;
	background-color:#ccc;
}
#principal #top {
	clear:both;
	margin:0 30px auto 30px;
	width:660px;
	height:63px;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#CCC;
}
#principal #top #menu {
	float:right;
	margin-top:19px;
	margin-right:0;
	width:540px;
	height:30px;
	background-color:#CCC;
}
#principal #top #menu a {
	display:block;
	float:left;
	margin-left:10px;
	height:30px;
	padding-left:4px;
	padding-right:4px;
	/*margin-right:10px;*/
	text-align:center;
	line-height:40px;/*No recuerdo para qué era??, se supone que centra. Y en realidad me gustaría que estubieran en la base*/
	background-color:#CCC;
}
#principal #top #menu a:hover {
	background-color:#FFF;
	color:#666;
}
#principal #top #menu a:actived {
background-color:#A6FFFB;
}
#flores-fuera-izqu {
	position:fixed;
	bottom:0;
	left:0;
	width:332px;
	height:351px;
	background-image:url(../img/flores-fuera-izqu.png);
	background-repeat:no-repeat;
}
#flores-fuera-derech {
	position:fixed;
	bottom:0;
	right:0;
	width:332px;
	height:351px;
	background-image:url(../img/flores-fuera-derech.png);
	background-repeat:no-repeat;
}
/*#fondo { position:absolute;
top:0;
z-index:-2;
overflow:hidden;
width:1500px;
height:739px;
background-image:url(../img/fondo.png);
background-repeat:no-repeat;
background-attachment:fixed;
}*/
/*CLASES--------------------------------------------------------------------------------*/
.textoblanco {
	color:#000;
}
.fondoverde {
	background-color:#3ECE3E;
	background-image:url(../img/fondo-lateral-verde.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.fondosalmon {
	background-color:#FFD6BF;
	background-image:url(../img/fondo-lateral.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.fondomorado {
	background-color:#8F248F;
	background-image:url(../img/fondo-lateral-morado.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.fondoazul { background-image:url(../img/fondo-lateral-azul.jpg);
background-repeat:no-repeat;
background-position:bottom;
	background-color:#A6FFFB
}
.fondonegro { background-color:#000}
.bordesalmon{ border:2px solid #FFD6BF}

.bordemarron{ border:2px solid #B27E62}

.bordeverde{ border:2px solid #3ECE3E}
.bordeverdeclaro{ border: 2px solid #5DE8AC}
.bordeverdelogo { border:2px solid #008200}
.bordemorado{ border:2px solid #8F248F}
.bordenegro{ border:2px solid #000}
.bordeazul { border:2px solid #A6FFFB}
.bordeazuloscuro { border:2px solid #50B2AE}
.textocentro { text-align:center;}
.fondoindex { background-image:url(../img/somos/somos05.jpg);}
.fondoateneo{ background-image:url(../img/ateneo/ateneo01.jpg)}
.fondosalonprincipal{ background-image:url(../img/salonprinc/salonprinc02.jpg)}
.fondosenyera { background-image:url(../img/senyera/senyera01.jpg)}
.fondopiquer { background-image:url(../img/piquer/piquer01.jpg)}
.fondobodega { background-image:url(../img/bodega/bodega01.jpg)}
.fondogaleria { background-image:url(../img/somos/somos03.jpg)}
.fondomenu{ background-image:url(../img/menu/menu04.jpg);}




/*INDEX------------------------------------------------------------------------------*/
#principal #lateral {
	float:left;
	margin-left:20px;
	width:185px;
	height:344px;
	/*background-image:url(../img/fondo-lateral.jpg);
	background-repeat:no-repeat;
	background-position:bottom;*/
}
#principal #lateral #texto {
	margin-top:21px;
	margin-left:21px;
	width:144px;
	height:250px;
	overflow:auto;/*	background-color:#FFD6BF;*/
}
#principal #galeriaprincipal {
	float:right;
	margin-right:20px;
	/*margin-left:232px;Si lo floto a la derecha tiene más sentido  que de margen derecho*/
	width:463px;
	height:344px;
	background-color:#FC9;
	/*background-image:url(../img/somos/somos05.jpg);*/
	/*background-repeat:no-repeat;*/
}
#principal #base {
	clear:both;
	width:720px;
	height:143px;
	background-image:url(../img/base.png);
	background-color:#CCC;
	background-repeat:no-repeat;
	background-position:center;
}
#principal #base #iconosgaleria {
	float:left;
	margin-top:14px;
	margin-left:20px;
	width:540px;
	height:79px;
	/*background-color:#CCC;*/
}
#principal #base #iconosgaleria a {
	display:block;
	float:left;
	cursor:pointer;
	margin-left:22px;
	width:79px;
	height:79px;
	border:1px solid #FFF;
}
#principal #base #iconosgaleria a img {
	width:79px;
	height:79px;
}
#principal #base #iconosgaleria a:hover img {
	position:absolute;
	top:63px;
	right:30px;
	width:463px;
	height:344px;
}
#principal #base #direccion { float:left;
	margin-left:10px;
	margin-top:14px;
	width:79px;
	height:70px;
	text-align:center;
	/*background-color:#CCC;*/
}
/*CSS SALONES----------------------------------------------------------------------------------*/
.fondobase {
	background-image:url(../img/base.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
a.enlacesalon {
	display:block;
	width:217px;
	height:21px;
	cursor:pointer;
	background-color:#5DE8AC;
}
a.enlacesalon:hover {
	background-color:#008200;
}
#salonprincipal {
	float:left;
	margin-left:50px;
	width:217px;
	height:188px;
	background-image:url(../img/salonprinc/salonprinc02.jpg);
	background-repeat:no-repeat;
	background-color:#FC9;
}
#salonprincipal #enlaceprincipal {
	margin-top:167px;
	width:217px;
	height:21px;
	text-align:center;
	line-height:21px;
	text-transform:capitalize;background-color: #5DE8AC;
}
#salonateneo {
	float:right;
	margin-right:50px;
	width:217px;
	height:188px;
	background-image:url(../img/ateneo/ateneo01.jpg);
	background-repeat:no-repeat;
	background-color:#FC9;
}
#salonateneo #enlaceateneo {
	margin-top:167px;
	width:217px;
	height:21px;
	text-align:center;
	line-height:21px;
	text-transform:capitalize;
	background-color: #5DE8AC;
}
#salonpiquer {
	float:left;
	margin-left:50px;
	margin-top:24px;
	width:217px;
	height:188px;
	background-image:url(../img/piquer/piquer01.jpg);
	background-repeat:no-repeat;
	background-color:#FC9;
}
#salonpiquer #enlacepiquer {
	margin-top:167px;
	width:217px;
	height:21px;
	text-align:center;
	line-height:21px;
	text-transform:capitalize;
	background-color: #5DE8AC;
}
#salonsenyera {
	float:right;
	margin-right:50px;
	margin-top:24px;
	width:217px;
	height:188px;
	background-image:url(../img/senyera/senyera01.jpg);
	background-repeat:no-repeat;
	background-color:#FC9;
}
#salonsenyera #enlacesenyera {
	margin-top:167px;
	width:217px;
	height:21px;
	text-align:center;
	line-height:21px;
	text-transform:capitalize;
	background-color: #5DE8AC;
}
#principal #lateral #textosalones {
	margin-top:21px;
	margin-left:21px;
	width:144px;
	height:200px;
	overflow:auto;/*	background-color:#FFD6BF;*/
}
#principal #lateral #textosalonesenlaces {
	margin-top:5px;
	margin-left:21px;
	width:144px;
}
/*GALERIA------------------------------------------------------------------*/
#principal #centralgaleria {
	clear:both;
	width:463px;
	height:344px;
	margin-top:0;
	margin-left:136px;
	background-image:url(../img/somos/somos03.jpg);
	background-repeat:no-repeat;
	background-color:#FC9;
}
#principal #basegaleria {
	float:left;
	overflow:auto;
	width:516px;
	height:100px;
	margin-top:6px;
	margin-left:43px;
	background-color:#B27E62;
}
#principal #basegaleria2 {
	float:left;
	overflow:auto;
	width:516px;
	height:100px;
	margin-top:6px;
	margin-left:43px;
	background-color:#A6FFFB;
}
#principal #basegaleria #int_basegaleria {
	width:3510px;
	background-color: #B27E62;
}
#principal #basegaleria2 #int_basegaleria2 {
	width:1400px;
	background-color: #A6FFFB;
}
#principal #basegaleria a {
	display:block;
	float:left;
	margin-left:20px;
	cursor:pointer;
	width:79px;
	height:79px;
	border:1px solid #000;
}
#principal #basegaleria2 a {
	display:block;
	float:left;
	margin-left:20px;
	cursor:pointer;
	width:79px;
	height:79px;
	border:1px solid #000;
}
#principal #basegaleria a img {
	width:79px;
	height:79px;
}
#principal #basegaleria2 a img {
	width:79px;
	height:79px;
}
#principal #basegaleria a:hover img {
	position:absolute;
	top:63px;
	left:136px;
	width:463px;
	height:344px;
}
#principal #basegaleria2 a:hover img {
	position:absolute;
	top:63px;
right:20px;
	/*margin-left:232px;Si lo floto a la derecha tiene más sentido  que de margen derecho*/
	width:463px;
	height:344px;
}
#principal #direccion { float:left;
	margin-top:6px;
	margin-left:10px;
	/*margin-right:25px;COMO DEBERÍA ESCRIBIRLO CON MARGIN LEFT*/
	width:77px;
	height:100px;
	text-align:center;
	/*background-color: #B27E62;*/
}
/*FORMULARIO---------------------------------------------------------------------*/
/*#formulario {
	float:left;
	margin-left:56px;
	width:272px;
	height:435px;
	background-color: #50B2AE;
} esto es para cuando haya formulario*/
#principal #correo {
	float:left;
	margin-left:42px;
	width:250px;
	height:107px;
	padding:10px;
	background-color: #50B2AE;
}

#principal #fotocontacto {
	float:right;
	margin-right:42px;
	width:319px;
	height:127px;
	background-image:url(../img/foto-contacto.jpg);
 background-repeat:no-repeat  background-color: #9C6;
}
#principal #fotocontacto2 { float:left;
margin-left:42px;
margin-top:18px;
width:272px;
height:280px;
background-image:url(../img/foto-contacto2.jpg);
background-repeat:no-repeat;
	background-color:#FC6;
}
#principal #mapacontacto {
	float:right;
	margin-right:42px;
	margin-top:18px;
	width:319px;
	height:260px;
	background-image:url(../img/mapa-contacto.jpg);
	background-repeat:no-repeat;
	background-color:#999;
}
/*form {
}
fieldset {
}
legend {
}
label {
	cursor:pointer;
	text-transform:capitalize;
}
input[type=text], input[type=password], input[type=file], textarea, select {
	background-color:#fff;
	width:136px;
}
textarea {
	height:75px;
	width:227px;
}
input[type=submit], input[type=reset] {
	text-transform:capitalize;
	background-color:#fff;
	cursor:pointer;
	padding:2px;
}Esto cuando haya formulario*/
/*NOTICIAS------------------------------------------------------*/

#principal #noticiasvideo {
	float:left;
	background-color: #5DE8AC;
	height: 437px;
	width: 198px;
	margin-top:0;
	margin-left:45px;
}
#principal #noticiasvideo #video {
	clear:both;
	width:198px;
	height:146px;
	margin-top:0;
}
#principal #noticiasvideo #textovideo {
	clear:both;
	overflow:auto;
	margin-top:15px;
	margin-left:10px;
	padding-right:10px;
	width:168px;
	height:267px;
}
#principal #menunoticias {
	float:left;
	margin-left:20px;
	
	width:131px;
	height:436px;
	background-color: #12B56E;
}

#principal #menunoticias ul {
	list-style:none;
	}
	
	#principal #menunoticias ul li {
	}
	
#principal #menunoticias ul li a{ display:block;
cursor:pointer;
margin-left:5px;
margin-right:5px;}

#principal #cuerponoticias {
	float:right;
	margin-top:0;
	margin-right:45px;
	width:234px;
	height:436px;
	background-color:#5DE8AC;
}
#principal #cuerponoticias #fotocuerponoticias {
	clear:both;
	margin-top:0;
	width:233px;
	height:168px;
	background-image:url(../img/noticias/noticia01.jpg);
	background-repeat:no-repeat;
}
#principal #cuerponoticias #textocuerponoticias {
	clear:both;
	margin-top:15px;
	margin-left:10px;
	overflow:auto;
	padding-right:10px;
	width:203px;
	height:235px;
}
/*MAPAWEB----------------------------------*/
#principal #fondomapa { clear:both;
margin-top:0;
margin-left:238px;
width:229px;
height:97px;
background-image:url(../img/fondomapa.jpg);
background-repeat:no-repeat;

}
	#principal #mapaweb { clear:both;
	margin-top:0;
	margin-left:173px;
	width:374px;
	height:321px;

}