/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
background-color: #000000; 
} 
 
h1{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 18px;
    text-indent:7px;
    color: #FF0000;
} 
 
h6{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    text-indent:0px;
    color: #FF0000;
}

p{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    text-indent:7px;
    color: #FFFFFF;
}
 
 
 
 
 
 
#anchopagina{ 
 width:960px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
background-image: url(imagenes/principal.png); 
/*background-repeat: repeat-y;*/ 
} 
 
#cabecera{
 position:relative; 
 height:381px; 
  background-color:#000000; 
 width:100%;

} 

#cabecera1{
 position:relative; 
 height:333px; 
  background-color:#000000; 
 width:100%;
background-image: url(imagenes/cabecera1.png);
background-repeat: no-repeat;
}

#menu1{
 position:relative; 
 height:48px; 
  background-color:#000000; 
 width:100%;
background-image: url(imagenes/menu1.png);
background-repeat: no-repeat;
}  


 
#maincol{
background-color: transparent;  
 float: right; 
 display:inline; 
 position: relative; 
 width: 960px;
min-height: 350px;
 background-image: url(imagenes/mainarriba.png);
background-repeat: no-repeat;
background-position: top;
 }

#contenido{
background-color: transparent;  
 float: right; 
 display:block; 
 position: relative; 
 width: 860px;
min-height: 350px;
padding-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
padding-top: 20px;
background-image: url(imagenes/mainabajo.png);
background-repeat: no-repeat;
background-position: bottom;
 }

/*DIV CONTACTO*/
#contactoleft{
    position: relative;
    float: left;
    width: 429px;
    text-align: center;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #89000A;
    
}
#contactoright{
    position: relative;
    float: right;
    width: 429px;
    text-align: center;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #89000A;
}

 
#pie{
    height:188px; 
    background-color:#000000; 
    clear:both;
    background-image: url(imagenes/pie1.png);
    background-repeat: no-repeat;
 }
 
#pie1{
 position: relative;    
 width:659px; 
 float: left;
 display: block;
 vertical-align: bottom;
 padding-bottom:0px;
 padding-left:60px;
 padding-right:20px;
 padding-top: 120px;
 }
 
#pie2{
 position: relative;
 width: 221px; 
 float: right;
 }

/*MENU1*/
#navi {  
	list-style:none;
	margin:0;
	padding:0;
	padding-left: 74px;
}
#navi li {
	margin:0px;
	padding:0;
	float:left;
}
#navi li a {
	display:block;
	/*width:100px;*/
	padding:0 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000000;
}
/*hover:*/
#navi li a:hover {
	color:#99CC00;
	background-color:#003366;
}

ul {  
	list-style:none;
	margin:0;
	padding:0;
}
ul li {
	padding:0;
	float:left;
}
ul li a {
	display: block;
	min-width:101px;
	height:48px;
	text-decoration:none;
}
ul li a:hover {
	background-position:bottom;
}
ul li a span {
	display:none;
}

#inicio {
	width: 101px;
	background-image:url(imagenes/menu_inicio.png);
}
#servicios {
	width: 157px;
	background-image:url(imagenes/menu_servicios.png);
}
#galeria {
	width: 143px;
	background-image:url(imagenes/menu_galeria.png);
}
#micropig {
	width: 288px;
	background-image:url(imagenes/menu_micropig.png);
}

#eventos {
	width: 127px;
	background-image:url(imagenes/menu_eventos.png);
}

/*elemento activo*/
#Ainicio {
	width: 101px;
	background-image:url(imagenes/menu_inicio.png);
	background-position: bottom;
}
#Aservicios {
	width: 157px;
	background-image:url(imagenes/menu_servicios.png);
	background-position: bottom;
}
#Agaleria {
	width: 143px;
	background-image:url(imagenes/menu_galeria.png);
	background-position: bottom;
}
#Amicropig {
	width: 288px;
	background-image:url(imagenes/menu_micropig.png);
	background-position: bottom;
}

#Aeventos {
	width: 127px;
	background-image:url(imagenes/menu_eventos.png);
	background-position: bottom;
}
 

/*MENU 2*/
#navi2 {  
	list-style:none;
	margin:0;
	padding:0;
	
}
#navi2 li {
	margin:0px;
	padding:0;
	float:left;
}
#navi2 li a {
	display:block;
	/*width:100px;*/
	padding:0 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000000;
}


#menu2 {

	width: 536px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#tatuajes {
	width: 159px;
	height: 38px;
	background-image:url(imagenes/menu2_tatuajes.png);
}
#cover {
	width: 212px;
	height: 38px;
	background-image:url(imagenes/menu2_cover.png);
}
#piercings {
	width: 165px;
	height: 38px;
	background-image:url(imagenes/menu2_piercings.png);
}

/*elemento activo*/
#Atatuajes {
	width: 159px;
	height: 38px;
	background-image:url(imagenes/menu2_tatuajes.png);
	background-position: bottom;
}
#Acover {
	width: 212px;
	height: 38px;
	background-image:url(imagenes/menu2_cover.png);
	background-position: bottom;
}
#Apiercings {
	width: 165px;
	height: 38px;
	background-image:url(imagenes/menu2_piercings.png);
	background-position: bottom;
}

#enlace1{
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
}
#Aenlace1{
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #19740E;
	text-decoration: none;
	padding: 5px;
}

/*lista*/
#navi3 li {
	margin:0px;
	padding: 4px 8px;
	float: none;
        color: #FFFFFF;
        font-size: 14px;
        font-family: Tahoma, Geneva, sans-serif;
        list-style: circle;
}

/*CONTACTO*/
#contacto {  
	list-style:none;
	margin:0;
	padding:0;
	
}
#contacto li {
	margin:0px;
	padding:0;
	float:left;
}
#contacto li a {
	display:block;
	/*width:100px;*/
	padding:0 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000000;
}
/*CONTACTO ELEMENTO*/
#contacto1 {
	width: 221px;
	height: 61px;
	background-image:url(imagenes/contacto.png);
}
#Acontacto1{
	width: 221px;
	height: 61px;
	background-image:url(imagenes/contacto.png);
	background-position: bottom;
}

/*ACORDEON*/
#accordion {
	margin:20px 0px;
}

/*autoviewer*/


h3.toggler {
	cursor: pointer;
	/*border: 1px solid #122678;
	border-right-color: #122678;
	border-bottom-color: #122678;*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background: #89000A;
	color: #FFFFFF;
	margin: 0 0 4px 0;
	padding: 5px 5px 5px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */