/*--------CONDICIONES GENERALES DEL DOCUMENTO-----*/

/*-----INDEX-------------------------*/
#logoindex{
		float:left;
		margin:16px;
	}

/*-----toolip-------------------------*/

p.tooltip{
		display: block;
    	float: right;
    	left: -55px;
    	position: relative;
    	top: -45px;}

a.tooltip{
			font:15px Geneva, Arial, Helvetica, sans-serif; 
			color:#CC3E6E; 
			text-decoration:none;}
			
a.tooltip:hover{
			border-bottom: 1px dotted #CC3E6E;}
			
a.tooltip:hover {
			text-decoration:none;}
			
a.tooltip span {
			display:none; 
			margin:0 0 0 10px; 
			padding:5px 5px; }
			
a.tooltip:hover span{
			display:inline; 
			position:absolute; 
			border:1px solid #CC3E6E; 
			background:#FFEFF5; 
			color:#CC3E6E !important;}


/*-----BOTON 3D +INFO-------------------------*/
#boton p{

	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#clearboth{
	clear:both;}
	
.a_demo_three {
	background-color:#F2CE00;

	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:12px 20px;
	border-left:solid 1px #7D6A00;
	margin-left:35px;
	background-image: linear-gradient(bottom, rgb(73,73,73) 0%, rgb(130,130,130) 100%);
	background-image: -o-linear-gradient(bottom, rgb(73,73,73) 0%, rgb(130,130,130) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(73,73,73) 0%, rgb(130,130,130) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(73,73,73) 0%, rgb(130,130,130) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(73,73,73) 0%, rgb(130,130,130) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(73,73,73)),
	color-stop(1, rgb(130,130,130))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #828282, 0px 5px 0px 0px #333, 0px 10px 5px #828282 ;
	-moz-box-shadow:inset 0px 1px 0px #828282, 0px 5px 0px 0px #333, 0px 10px 5px #828282 ;
	-o-box-shadow:inset 0px 1px 0px #828282, 0px 5px 0px 0px #333, 0px 10px 5px #828282 ;
	box-shadow:inset 0px 1px 0px #828282, 0px 5px 0px 0px #333, 0px 10px 5px #828282 ;
	
}

.a_demo_three:active {
	top:3px;
		background-image: linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(185,157,0)),
	color-stop(1, rgb(242,206,0))
	);
	-webkit-box-shadow: inset 0px 1px 0px #7D6A00, 0px 2px 0px 0px #7D6A00, 0px 5px 3px #828282;
	-moz-box-shadow: inset 0px 1px 0px #7D6A00, 0px 2px 0px 0px #7D6A00, 0px 5px 3px #828282;
	-o-box-shadow: inset 0px 1px 0px #7D6A00, 0px 2px 0px 0px #7D6A00, 0px 5px 3px #828282;
	box-shadow: inset 0px 1px 0px #7D6A00, 0px 2px 0px 0px #7D6A00, 0px 5px 3px #828282;
}

.a_demo_three::before {
	background-color:#333;
	content:">>";
	width:25px;
	max-height:29px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:11px;
	padding-left:10px;
	top:0px;
	left:-36px;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0px #333;
	border-right:solid 1px #333;
	background-image: linear-gradient(bottom, rgb(242,206,0) 0%, rgb(185,157,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(242,206,0) 0%, rgb(185,157,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(242,206,0) 0%, rgb(185,157,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(242,206,0) 0%, rgb(185,157,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(242,206,0) 0%, rgb(185,157,0) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(242,206,0)),
	color-stop(1, rgb(185,157,0))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #7D6A00, 0px 5px 0px 0px #7D6A00, 0px 10px 5px #828282;
	-moz-box-shadow: inset 0px 1px 0px #7D6A00, 0px 5px 0px 0px #7D6A00, 0px 10px 5px #828282;
	-o-box-shadow: inset 0px 1px 0px #7D6A00, 0px 5px 0px 0px #7D6A00, 0px 10px 5px #828282;
	box-shadow: inset 0px 1px 0px #7D6A00, 0px 5px 0px 0px #7D6A00, 0px 10px 5px #828282;
}

.a_demo_three:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #F2CE00, 0px 5px 0px 0px #7D6A00, 1px 1px 0px 0px #7D6A00, 2px 2px 0px 0px #7D6A00, 2px 5px 0px 0px #7D6A00, 6px 4px 2px #0b698b, 0px 10px 5px #828282 ;
	-moz-box-shadow:inset 0px 1px 0px #F2CE00, 0px 5px 0px 0px #7D6A00, 1px 1px 0px 0px #7D6A00, 2px 2px 0px 0px #7D6A00, 2px 5px 0px 0px #7D6A00, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #F2CE00, 0px 5px 0px 0px #7D6A00, 1px 1px 0px 0px #7D6A00, 2px 2px 0px 0px #7D6A00, 2px 5px 0px 0px #7D6A00, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #F2CE00, 0px 5px 0px 0px #7D6A00, 1px 1px 0px 0px #7D6A00, 2px 2px 0px 0px #7D6A00, 2px 5px 0px 0px #7D6A00, 6px 4px 2px #0b698b, 0px 10px 5px #828282 ;
}

/*
Second button
*/

.second_button::before {
	content:"2";
}

/*
Third button
*/

.third_button::before {
	content:"3";
}


/*-----SLIDDER PRINCIPAL----------*/

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:400px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
		font-size:10px;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		font-size:18px;
		margin:0;
		padding:0;
		color:#F6D000;
	}
	
/*--------CABECERA-----*/
#logo{
	width:132px;
	float:left;
	margin:10px;
	}
	
/*--------MENU-----*/

#menu{
	width:570px;
	float:left;
	height: 66px;
	}
	
#boton {
	height:40px;
}

#boton li {
	display: inline;
	
}
/*---se crean 3 clases para cada boton de menu parado, activo y presionado ----*/

#boton li a.inicio{
	background-image:url(images/inicio.png);
	background-repeat:no-repeat;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:41px;
	*width:81px;
	height:14x;
	*height:36px;
	color: #fff;
	
}
#boton li a:hover.inicio {
	color:#F6D000;
	padding-bottom:12px;
	background-image:url(images/inicio-bl.png);
	background-repeat:no-repeat;
}

#boton li a.iniciobl {
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:41px;
	*width:81px;
	height:14x;
	*height:36px;
	color:#F6D000;
	background-image:url(images/inicio-bl.png);
	background-repeat:no-repeat;
}


#boton li a.tienda{
	background-image:url(images/tienda.png);
	background-repeat:no-repeat;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:87px;
	*width:127px;
	height:14x;
	*height:36px;
	color: #fff;
}
#boton li a:hover.tienda {
	color:#F6D000;
	padding-bottom:12px;
	background-image:url(images/tienda-bl.png);
	background-repeat:no-repeat;
}
#boton li a.tiendabl {
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:87px;
	*width:127px;
	height:14x;
	*height:36px;
	color:#F6D000;
	background-image:url(images/tienda-bl.png);
	background-repeat:no-repeat;
}

#boton li a.blog{
	background-image:url(images/blog.png);
	background-repeat:no-repeat;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:32px;
	*width:72px;
	height:14x;
	*height:36px;
	color: #fff;
}
#boton li a:hover.blog {
	color:#F6D000;
	padding-bottom:12px;
	background-image:url(images/blog-bl.png);
	background-repeat:no-repeat;
}
#boton li a.blogbl {
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:32px;
	*width:72px;
	height:14x;
	*height:36px;
	color:#F6D000;
	background-image:url(images/blog-bl.png);
	background-repeat:no-repeat;
}


#boton li a.empresa{
	background-image:url(images/empresa.png);
	background-repeat:no-repeat;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:98px;
	*width:138px;
	height:14x;
	*height:36px;
	color: #fff;
}
#boton li a:hover.empresa {
	color:#F6D000;
	padding-bottom:12px;
	background-image:url(images/empresa-bl.png);
	background-repeat:no-repeat;
}
#boton li a.empresabl {
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:98px;
	*width:138px;
	height:14x;
	*height:36px;
	color:#F6D000;
	background-image:url(images/empresa-bl.png);
	background-repeat:no-repeat;
}


#boton li a.contacto{
	background-image:url(images/contacto.png);
	background-repeat:no-repeat;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:53px;
	*width:93px;
	height:14x;
	*height:36px;
	color: #fff;
}
#boton li a:hover.contacto {
	color:#F6D000;
	padding-bottom:12px;
	background-image:url(images/contacto-bl.png);
	background-repeat:no-repeat;
}
#boton li a.contactobl {
	background-image:url(images/contacto-bl.png);
	background-repeat:no-repeat;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	float:left;
	padding: 12px 10px 10px 30px;
	width:53px;
	*width:93px;
	height:14x;
	*height:36px;
	color:#F6D000;
}

#cc{
	background-image:url(images/cc.jpg);
	width:104px;
	height:52px;
	float:left;}
	
/*-------CUERPO------------------*/

#cuerpo{
	background-image:url(images/fondo-contenido.jpg);
	background-repeat:repeat-y;
	float:left;
	width:830px;
	}
/*-------PIE-------------------*/

#pie{
	float:left;
	width:100%;}

/*-------BLOG------------------*/
#redessociales{
	float: right;
    margin-right: 20px;
    width: auto;
	}

#megusta{
	float: left;
	width:300px;
	height:181px;
	margin-left: 35px;
	}
	
#comic{
	float:right;
	background-image:url(images/bocata.png);
	background-repeat:no-repeat;
	width:353px;
	*width:413px;
	height:121px;
	height: 151px;
	*height:181px;
	margin-right:25px;
	padding: 15px 20px 15px 40px;
	}
	
#texto{
	margin:25px;
	float:left;
	margin: 5px 40px;
    width: 750px;}
	
#comiccomen{
	background-image:url(images/comentario.png);
	background-repeat:no-repeat;
	width:68px;
	height:57px;
	*height:72px;
	float:right;
	padding-top: 15px;
    position: relative;
    margin-top: -40px;}
	
#lineamarilla{
	width:100%;
	background-color:#FBD400;
	height:4px;
	margin-bottom: 20px;
    margin-top: 10px;
	
	}
	
#megusta-noticia{
	width:270px;
	float:left;}

#miniimagenblog{
	width:270px;
	float;left:}
	
/*----------CONTACTO---------------------*/	

#contactocab1{
	float:left; 
	margin-left:20px;}



/*-----------------FORMULARIO--------------------*/


	
/*-----------------tienda--------------------*/
/*-----genero-------------------------*/
#genero{
	width:800px;
	float:left;}
	
.slider-wrap{ 
	width: 750px; }			

.stripViewer .panelContainer 

.panel ul{ text-align: left; margin: 0 15px 0 30px; }

.stripViewer{ 
	position: relative;
	overflow: hidden; 
	width: 750px; 
	height: 285px; }

.stripViewer .panelContainer{ 
	position: relative; 
	left: 0; 
	top: 0; }

.stripViewer .panelContainer .panel{ 
	top:60px;
	float: left; 
	height: 100%; 
	position: relative; 
	width: 750px; }

.stripNavL, .stripNavR, .stripNav{ 
	display: none; }

.nav-thumb{ 
	border: 1px solid black; 
	margin-right: 5px; }

#movers-row{ 
	margin: -43px 0 0 62px; }

#movers-row div	{ 
	width: 20%; 
	float: left; }

#movers-row div a.cross-link{ 
	float: right; }


.cross-link{ 
	display: block;  
	margin:15px 15px 15px 15px;
	position: relative; 
	z-index: 9999; }
	
h3.cross-link { 
	float:left; }

.active-thumb{ 
	background:url(images/transpBlack.png); 
	padding: 10px; 
	height: 30px;
	background-color:red; }

#wrapper{
	margin-top:22px;;
		
	
	}


	
/*-----------------acordeon--------------------*/
p.accnav{
	font-size:1.1em;
	text-align:right;
	width:100%;}
	
p.accnav a{
	text-decoration:none;
	color:#999;}
	
article.accordion{
	display:block;
	width: 740px;

	margin: 40px;
	background-color:#f2f2f3;
	overflow:auto;
	border-radius:5px;
	box-shadow:0 3px 3px rgba(0,0,0,0.3);}

article.accordion section{
	position:relative;
	display:block;
	float:left;
	width:42px;
	height:544px;
	margin:0.5em 0 0.5em 0.5em;
	color:#333;
	overflow:hidden;
}

article.accordion section.galeria{

	background-image: linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(185,157,0) 0%, rgb(242,206,0) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(185,157,0)),
	color-stop(1, rgb(185,157,0))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border:solid 1px #B79B00;
	background-color:#B79B00;
	}
	
article.accordion section.bandas{
	background-color:#333;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border:solid 1px #B79B00;
	background-color:#333;
	}
	
article.accordion section h2{
	position:absolute;
	font-size:1em;
	font-weight:bold;
	width:12em;
	height:2em;
	top: 350px;
	left: -24px;
	text-indent:1em;
	padding:0;
	margin:0;
	color:#ddd;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);}
	
article.accordion section h2 a{
	display:block;
	width:12em;
	line-height:2em;
	text-decoration:none;
	color:inherit;
	outline:0 none;
	font-size: 42px;}
	
article.accordion section,article.accordion section h2{
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;}
	
article.accordion section:target{
	
	width: 620px;
	color:#333;
	background-image:none;
	background-color:#F2F2F2;}
	
article.accordion section #contenido_acordeon{
	margin-left:0px;
	margin-top:25px;
	margin-left:43px; 
	width:100%; 
	color:#333; 
	float:left; 
	display:block;
	height:100%;}
	
article.accordion section:target #contenido_acordeon{
	margin-left:0px;
	margin-top:45px;
	color:#f3f; 
	width:100%; 
	float:left; }
	
	
article.accordion section:target h2{
	position:static;
	font-size:1.3em;
	text-indent:0;
	margin-left:25px;
	color:#333;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);}
	
	
/*-----------------galeria acordeon--------------------*/

#galeria{
	width:580px;
	margin: 0 20px;
}
#galeria1{
	width:580px;
	margin: 0 20px;
}

#thumbs { padding-top: 10px; overflow: hidden; }
#thumbs img, #largeImage {
 border: 1px solid gray;
 padding: 4px;
 background-color: white;
 cursor: pointer;
}
#thumbs img {
 float: left;
 margin-right: 6px;
}
#thumbse { 
    display: block;
    float: right;
    height: 420px;
    position: relative;
    width: 160px;
    z-index: 999;
	overflow:scroll;
 }
	
	
#thumbse img{
 border: 1px solid gray;
 padding: 4px;
 background-color: white;
 cursor: pointer;
}
#largeImagee {

    cursor: pointer;
    margin-left: 89px;
    margin-top: 100px;
    padding: 4px;
}
#thumbse img {
 float: left;
 margin-right: 6px;
}
#description {
 background: black;
 color: white;
 position: absolute;
 bottom: 0;
 padding: 10px 20px;
 width: 525px;
 margin: 5px;
}
#descriptione {
 background: black;
 color: white;
 position: absolute;
 bottom: 0;
 padding: 10px 20px;
 width: 330px;
 margin: 5px;
}
#panel { position: relative; }
#panele { position: relative;
height: 420px; }



/*-----------------galeria acordeon--------------------*/
form {padding:0}
legend {background:#ccc;padding:10px;font-size:13px;font-weight:bold}
fieldset {border: 1px dotted #ccc;padding:10px}
form legend, form label {color: #333;}


fieldset p {padding: 5px 10px 7px;}

form label.error, label.error {color: red;font-style: italic}
div.error { display: none; }


input.error,textarea.error { border: 1px dotted red; }
form .submit { color: gray;width:150px }




#formulario{
	padding:0px;}
#formulario fieldset{
	width:400px;
	border:0;
	padding:0}
#formulario label{
    color: #333333;
    display: block;
    float: left;
    padding: 5px 0;}
	
#formulario input[type=text],textarea{
    border: 1px solid #B79B00;
    border-radius: 1px 5px 5px 1px;
    color: #b2b2b2;
	font-family:inherit;
	font-size:inherit;
	-moz-border-radius:1px 5px 5px 1px;
	-webkit-border-radius:1px 5px 5px 1px;
	padding:10px 0}
#formulario input[type=text]:focus,textarea:focus{
	background:#f5f2c9;
	color:#333}
	
#formulario input[type=submit]{
	border:none;
	margin-right:1em;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	-moz-border-radius:4px;
	background:#F2CE00;
	color:#FFF;
	width:100px;
	padding:6px}
	
#formulario input[type=submit]:hover{
	background:#7D6A00;
	cursor:pointer}
	
#validar-nombre,#validar-correo,#validar-sitio,#validar-mensaje{
    color: #333333;
    position:relative;
	left: 90px;
	top: 35px;
    width: 120px;
	font-size:8px;
	float:right;}
	
#validar-nombre img,#validar-correo img,#validar-mensaje img{
	padding:0px 0 0 0px}
	
p.alerta{border:1px solid gold;width:120px;margin:10px auto;padding:10px;text-align:center;font-family:Arial;font-size:13px}



	
	
#formapago{
	font-size:11px;
	color:red;
	}