/* Cuerpo general
================================================== */
body{
	
	background-color: #64bca7;
}


.imagenes {
	background-image: url('../images/imagen.png');
}
/* Menu principal
================================================== */
.topMenuBar{
	height:102px;
	background-color: #b2dfee;
}

.cabecera{
	position:relative;
	float:left;
	width:100%;
	min-width:820px;
	height:102px;
	background-color: #b2dfee;	
}

.logotipoCabecera{
	position:relative;
	float:left;
	top: 12px;
	left: 12px;
	margin-bottom: 12px;
	cursor:pointer;
}

.iconoCabecera{
	position:relative;
	float:left;
	width:84px;	
}

#logotipoManos{
	width: 80px; 
	height: 80px;
	background-position: 0 -776px;
}

.iconoBlog{
	position:relative;
	float:left;
	width:60px;
	height: 44px;
	margin-left: 40px;
	margin-top: 29px;
	cursor:pointer;
}
#iconoBlog{
	width: 60px; 
	height: 44px;
	margin: 0 auto;	
	background-position: 0 -350px;	
}

#iconoBlogPulsado{
	width: 60px; 
	height: 44px;
	margin: 0 auto;
	background-position: 0 -404px;	
}

.iconoTienda{
	position:relative;
	float:left;
	width:50px;
	height: 54px;
	margin-left: 20px;
	margin-top: 14px;
	cursor:pointer;
}

#iconoTienda{
	width: 50px; 
	height: 54px;
	margin: 0 auto;
	background-position: 0 -1712px;	
}

#iconoTiendaPulsado{
	width: 50px; 
	height: 54px;
	margin: 0 auto;
	background-position: 0 -1776px;	
}

.iconoEstudio{
	position:relative;
	float:left;
	width:84px;
	height: 35px;
	margin-left: 55px;
	margin-top: 32px;
	cursor:pointer;
}

#iconoEstudio{
	width: 84px; 
	height: 35px;
	margin: 0 auto;
	background-position: 0 -566px;	
}

#iconoEstudioPulsado{
	width: 84px; 
	height: 35px;
	margin: 0 auto;
	background-position: 0 -611px;	
}

.iconoTaller{
	position:relative;
	float:left;	
	width:77px;
	height: 49px;
	margin-left: 20px;
	margin-top: 19px;
	cursor:pointer;
}

#iconoTaller{
	width: 49px; 
	height: 49px;
	margin: 0 auto;
	background-position: 0 -1594px;	
}

#iconoTallerPulsado{	
	width: 49px; 
	height: 49px;
	margin: 0 auto;
	background-position: 0 -1653px;	
}

.iconoGaleria{
	position:relative;
	float:left;
	width:49px;
	height: 31px;
	margin-left: 25px;
	margin-top: 37px;
	cursor:pointer;
}

#iconoGaleria{
	width: 77px; 
	height: 31px;
	margin: 0 auto;
	background-position: 0 -694px;		
}

#iconoGaleriaPulsado{
	width: 77px; 
	height: 31px;
	margin: 0 auto;
	background-position: 0 -735px;		
}

.iconoContacto{
	position:relative;
	float:left;
	width:54px;
	height: 44px;	
	margin-left: 52px;
	margin-top: 23px;
	cursor:pointer;
}

#iconoContacto{
	width: 54px; 
	height: 44px;
	margin: 0 auto;
	background-position: 0 -458px;	
}

#iconoContactoPulsado{
	width: 54px; 
	height: 44px;
	margin: 0 auto;
	background-position: 0 -512px;	
}

.iconoFacebook{
	position:relative;
	float:left;
	margin-left:45px;
	margin-top:41px;
	cursor:pointer;
	width: 87px; 
	height: 28px;
	
}

#iconoFacebook{
	width: 87px; 
	height: 28px;
	margin: 0 auto;
	background-position: 0 -656px;	
}

#iconoFacebook:hover{
	cursor:pointer;
	opacity: 0.4;
}

.textoIconosCabecera{
	position:relative;
	float:left;
	width:100%;
	font-family: MyriadPro-Bold;
	font-size: 1.0em;
	font-style: italic;
	text-align:center;
	display: none;
}

.barraSombrasCabecera{
	width:820px;
}

.sombraInferiorCabecera{
	position:relative;
	float:left;
	background-image: url('../images/degradadoVertical.png');
	background-repeat:repeat;	
	width:812px;
	height:6px;
	z-index: 2;
}

.sombraEsquinaCabecera{
	position:relative;
	float:left;
	background-image: url('../images/esquinaDegradado.png');
	background-repeat:repeat;	
	width:8px; 
	height:9px; 
	z-index: 2;
}

.sombraLateralCabecera{
	position:relative;
	float:right;
	background-image: url('../images/degradadoHorizontalOscuro.png');
	background-repeat:repeat;	
	width:10px;;
	height:100px;
	z-index: 1;
}

/* Columna lateral con las promociones de la tienda
================================================== */
.shopBar{
	height: 720px;
	background-color: #b2dfee;
}

.barraTienda{
	position:relative;
	float: left;
	width: 200px;
	height: 1034px;
	background-color: #b2dfee;
	overflow:hidden;
}

.bodyRightLogo{
	position:relative;
	float:left;
	margin-left:25px;
	margin-top:20px;
}

.promoItem{
	position:relative;
	display:block;
	float:left;
	width: 100%;
	margin-top: 5%;
}

.promoItemPhoto{
	position:relative;
	display:block;
	float:left;
	width: 30%;
	height: 100px;
	margin-left: 5%;
}

.promoItemText{
	position:relative;
	display:block;
	float:left;
	width: 60%;
	margin-left: 5%;
}

.promoItemTextName{
	position:relative;
	display:block;
	float:left;
	width: 100%;
}

.promoItemTextPrice{
	position:relative;
	display:block;
	float:left;
	width: 100%;
}

.promoItemTextLink{
	position:relative;
	display:block;
	float:left;
	width: 100%;
}

/*	Sombra */
.sombraLateralBarraTienda{
	position:relative;
	float:right;
	background-image: url('../images/degradadoHorizontalClaro.png');
	background-repeat:repeat;	
	width:6px;;
	height:932px;
}


/* Columna lateral con un menu
================================================== */
.menu-lateral{
	margin-top:20px;
}

.mTop40px{
	margin-top:40px;
}

.mLeft40px{
	margin-left:40px;
}

.menu-lateral li:hover{
	cursor:pointer;
	opacity: 0.4;
}

/* Area para el Inicio
================================================== */
.cuadrocentralInicio{
	float:left;
	width:814px;
}

.tituloCuadro{
	margin: 35px auto;
	width:400px;
}

.zonaGifCuadro{
	width:699px;
	margin:40px auto;
}

.zonaTextoCuadro{
	width:310px;
	margin: 0px auto;
	text-align:center;
}

/* Area para el Blog
================================================== */
/*Desde aquí la paginación de resultados*/

#container {
	text-align: center;
	text-decoration: none;
	overflow:hidden;
	margin-top:10px;
}

.paginacionBlog {
	margin-bottom:10px;	
	font-weight: bold;
	font-size:1.5em;
}

.paginacionBlog .anterior {
	float:left;
}

.paginacionBlog .siguiente {
	float:right;
}

/* Area para la tienda
================================================== */
.logotipos-marcas{
	position:relative;
	width: 581px;
	margin: 0px auto;
}

/* jQuery lightBox plugin - Gallery style */
#gallery ul { list-style: none; }
#gallery ul li { display: inline; margin-right:5px;}
#gallery ul img {
	border: 2px solid #C0C0C0;
	border-width: 2px 2px 2px;
}
#gallery ul a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
}
#gallery ul a:hover { color: #fff; }

.solo-texto a{ color: #14d0c9;}
.solo-texto a:hover{ 
	color: #14d0c9; 	
	opacity:0.5;
	filter:alpha(opacity=50);
}


/* Area para la Galeria
================================================== */
.texto-izquierda{
	float:left;
  	width:350px;
}

.elemento-derecha{
	float:left;
	 margin-left:10px;
}


/*Desde aquí la paginación de resultados*/
.eventoPrincipal
{ 
 	float:left;
  	position:relative;
  	text-align:justify;
  	width:640px;
  	margin-left:10px;
  	margin-bottom:100px;
  	margin-top:30px;
}

.informacionEventoPrincipal{
	float:left;
  	position:relative;
  	margin-left:10px;
  	margin-bottom:20px;
  	margin-top:60px;
	width: 412px;
}

.nombreArtista{
	font-weight: bold;
}

.tituloEvento{
	font-weight: bold;
}

.fechaEvento{
	color:#585858;
  	font-size:0.9em;
  	font-style:italic;
}
		
.descripcionEvento{
	margin-top:7px;
	width: 412px;
	word-wrap: break-word;
}

.imagenEvento{
	float:left;
  	margin-left:40px;
  	margin-right:10px;  	
 	position:relative;
}

.eventoSecundario{ 
	float:left;
  	position:relative;
  	text-align:justify;
  	width:640px;
  	background-color: #bfbcbc ;
}	

.cabeceraEventoSecundario{
	font-size:1.2em;
	font-weight: bold;
	margin-bottom:15px;
  	margin-top:15px;
  	margin-left:10px;
}

.informacionEvento{
	float:left;
  	position:relative;
  	margin-left:10px;
  	margin-bottom:20px;
	width: 412px;
}

.paginacionImagenes{
	opacity: 1;
	clear: both;
	margin: 0;
	padding: 0;
}

.imagenGaleria{
	
	
}

/* Configuracion para las galerias del Estudio
================================================== */
.miniaturas{
	float:right;
	width:182px;	
}

.imagenAumentada{
	float:left;
	width:450px;
	overflow:hidden;
	margin-top:25px;
}

/* Area para Contacto
================================================== */
#mc_embed_signup{
	margin-top:50px;
	
}

#formularioContacto{
	width: 100%;
	margin-top: 20px;
}

.tituloH5 {	
	font-family: MarketingScript; 
	font-size: 2.0em; 
	margin-left:5px;
	margin-bottom:10px;
}

.textoError {
	position: relative;
	width: 100%;
	font-size:0.9em;			
	color: red;
	display: none;
	margin-top:-20px;
	margin-bottom:10px;	
}

#botoneraFormulario {
	position:relative;
	float:left;
	width:100%;
	margin-top:10px;
}

#circuloEnviar {
	position:relative;
	float:right;	
	width: 49px; 
	height: 40px;
	background-position: 0px -1545px;			
}

#circuloEnviar:hover {
	cursor:pointer;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.direccionesEmail{
	width:100%;
	border-left-color:black;
  	border-left-style:solid;
  	border-left-width:2px;
}

input, textarea{
	width:100%;
}

/* Area comun
================================================== */
#caja-nuestro-taller, #caja-nuestras-marcas, 
#caja-imagenes-taller, #caja-calendario, 
#caja-nuestra-galeria, #caja-expos-eventos, 
#caja-imagenes, #caja-nuestro-estudio, 
#caja-grafica, #caja-espacios,
#caja-taller, #caja-premios,
#caja-que-ofrecemos {
	position:relative;
	float:left;
	display:none;
	margin-top:20px;
	width:100%;
}

.menu-lateral-option{
	font-family: MyriadPro-Bold;
	font-size: 1.0em;
	text-align: left;
	margin-left:30px;
}

.menu-lateral-option li:hover{
	cursor:pointer;
	opacity: 0.4;
}

/* Estilos generales
================================================== */
.mL25 { margin-left:25px;}
.mT100 { margin-top: 100px;}
.mLeft10px{ margin-left: 10px;}