BODY {
FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif;
scrollbar-3d-light-color:#f5a200;
scrollbar-arrow-color:#f5a200;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#f5a200;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#f5a200;
scrollbar-shadow-color: #f5a200;
HEIGHT: 100%;
WIDTH: 100%;
LEFT: 0pt;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
POSITION: absolute;
background-color:#e53b16;


}


BODY.interior {
FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif;
scrollbar-3d-light-color:#f5a200;
scrollbar-arrow-color:#f5a200;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#f5a200;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#f5a200;
scrollbar-shadow-color: #f5a200;
HEIGHT: 100%;
WIDTH: 100%;
LEFT: 0pt;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
POSITION: absolute;
background-color:#000000;

}

#Layer1, #Layer2, #Layer3, #Layer4, #Layer5, #Layer6, #Layer7, #Layer8, #Layer9, #Layer10, #Layer11, #Layer12, #Layer13, #Layer14, #Layer15, #Layer16, #Layer17, #Layer18, #Layer19, #Layer20, #Layer21, #Layer22, #Layer23, #Layer24 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layeranima {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: black; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */

}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 0px;
margin-top: 0px;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/


text-decoration: none;
letter-spacing: 0px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/

background: transparent url(imagenes/fondo_boton.gif) no-repeat ;

}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 0px;
margin-left: 0px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: black; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;

				
}
 .alto {
   height:100%; 
   vertical-align:top;
   clear: both;
    
	  }
	  .alto2 {
   height:595px; 
   vertical-align:top;
   padding: 0px;
   clear: both;
      
	  }
	    .alto3 {
   height:580px; 
   vertical-align:top;
   padding: 0px;
   clear: both;
      
	  }
	   .top {
      vertical-align:top;
	  FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif;
	  color: #FFFFFF;
	  font-size:11px;
	  line-height: 140%; 
    
	  }
	    .top3 {
      vertical-align:top;
	  FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif;
	  color: #FFFFFF;
	  font-size:11px;
	  line-height: 160%; 
    
	  }
	  .topbold {
      vertical-align:top;
	  FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif;
	  color: #e85412;
	  font-size:11px;
	  line-height: 140%; 
	    font-weight:bold; 
    
	  }
	  .topnaranja {
      vertical-align:top;
	  FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif;
	  color: #ffffff;
	  font-size:11px;
	  font-weight:bold; 
 
	   
    
	  }
	   .top1 {
      vertical-align:top;
	  height:189px; 
    
	  }
	  

.invisible
{
visibility:hidden;
}
      .naranja
  {
   font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:11px;
  color: #000000;
  vertical-align:top;
  text-align:center;
  background-color:#e53b16;
  height: 605px;
  clear: both;

   }
  
  .div1 {
	position: absolute;
	left: 509px;
	width: 641px;
	margin-left: -320px;
	top: -6px;
	clear: both;
                 
        }
		.divinterno {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 702px;
	margin-left: -351px;
	height:100%;
	visibility: visible;
                 
        }
   
    p.cen
  {
   font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:12px;
  color: #FFFFFF;
  TEXT-ALIGN: center;
  line-height: 150%; 
  }
      p.g
  {
   font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:14px;
  font-weight:bold; 
  color: #FFFFFF;
  TEXT-ALIGN: center;
  line-height: 150%; 
  }
A {
	COLOR: #f55a1a; TEXT-DECORATION: none;
	font-weight:bold;
	
	}

A:hover {
	COLOR: #e5990f; TEXT-DECORATION: none;
	font-weight:bold;
	
	
}


A:visited {
	COLOR: #f55a1a; TEXT-DECORATION: none;
	font-weight:bold;
}

.naranja1 {
COLOR: #ffffff; 
TEXT-DECORATION: none;
background-color: #e53b16;
font-family: Helvetica, Verdana,  Arial,  sans-serif;
font-weight:bold; 
font-size:12px;
vertical-align: middle;
text-align:right;
width: 427px;
height: 22px;
letter-spacing: 1px;
padding:0; 
margin:0; 
border: none; 



	}
	.naranja2 {
COLOR: #ffffff; 
TEXT-DECORATION: none;
background-color: #e85412;
font-family: Helvetica, Verdana,  Arial,  sans-serif;
font-weight:bold; 
font-size:12px;
vertical-align: middle;
text-align:right;
width: 427px;
height: 22px;
letter-spacing: 1px;
padding:0; 
margin:0; 
border: none; 

	}
		.naranja3 {
COLOR: #ffffff; 
TEXT-DECORATION: none;
background-color: #ee7f00;
font-family: Helvetica, Verdana,  Arial,  sans-serif;
font-weight:bold; 
font-size:12px;
vertical-align: middle;
text-align:right;
width: 427px;
height: 22px;
letter-spacing: 1px;
padding:0; 
margin:0; 
border: none; 
	}
		.naranja4 {
COLOR: #ffffff; 
TEXT-DECORATION: none;
background-color: #f5a200;
font-family: Helvetica, Verdana,  Arial,  sans-serif;
font-weight:bold; 
font-size:12px;
vertical-align: middle;
text-align:right;
width: 427px;
height: 22px;
letter-spacing: 1px;
padding:0; 
margin:0; 
border: none; 

	}
		.naranja5 {
COLOR: #ffffff; 
TEXT-DECORATION: none;
background-color: #fabc33;
font-family: Helvetica, Verdana,  Arial,  sans-serif;
font-weight:bold; 
font-size:12px;
vertical-align: middle;
text-align:right;
width: 427px;
height: 22px;
letter-spacing: 1px;
padding:0; 
margin:0; 
border: none; 

	}
.piezas1 {
	COLOR: #ffffff;
	cursor:hand;
	padding:0; 
      margin:0; 
      border: none; 
		
	}

.piezas1:hover {
	COLOR: #000000; 
	cursor:hand;
	padding:0; 
      margin:0; 
      border: none; 
	
}


.piezas1:visited {
	COLOR: #ffffff; 
	cursor:hand;
	padding:0; 
      margin:0; 
      border: none; 
}

.derecha {
text-align:right;
margin-right: 15px
	
	
}
A.home {
	COLOR: #f55a1a; TEXT-DECORATION: none;
	font-weight:bold;
cursor: auto;
	
	
	 
	
	}
A:link.home 
{
	COLOR: #f55a1a; TEXT-DECORATION: none;
	font-weight:bold;
cursor: none;
	
	}

A:hover.home {
	COLOR: #e5990f; TEXT-DECORATION: none;
	font-weight:bold;
cursor: none;
	
	
}


A:visited.home {
	COLOR: #f55a1a; 
	TEXT-DECORATION: none;
	font-weight:bold;
	cursor: none;
}

A:link.link 
{
	COLOR: #f55a1a; 
	TEXT-DECORATION: none;
	font-weight:bold;
	font-family: Helvetica, Verdana,  Arial,  sans-serif;
    font-size:13px;
	
	}

A:hover.link 
{
	COLOR: #e5990f; 
	TEXT-DECORATION: none;
	font-weight:bold;
	font-family: Helvetica, Verdana,  Arial,  sans-serif;
    font-size:13px;
	
		
}


A:visited.link 
{
	COLOR: #f55a1a; 
	TEXT-DECORATION: none;
	font-weight:bold;
	font-family: Helvetica, Verdana,  Arial,  sans-serif;
    font-size:13px;
}

A:link.galeria {
border: 1px solid #6f6865;
border-style: solid; 
}

a.galeria {
border: 1px solid #6f6865;
border-style: solid;
width: 55px;
height: 48px;

	
}
 a:hover.galeria  {
border: 1px solid #e85412;
border-style: solid;
width: 55px;
height: 48px;
}
 a:visited.galeria  {
border: 1px solid #6f6865;
border-style: solid;
width: 55px;
height: 48px;
	
}
	  .imagenes2 {
margin-bottom: 0px;
margin-left:4px;
margin-right: 0px;
margin-top: 3px;
border: 1px solid #515151;
border-style: solid;
width: 55px;
height: 48px;
}
	  .imagenes {
	  margin-bottom: 1px;
	  margin-left:4px;
	  margin-right: 0px;
	  margin-top: 3px;
}
  .img {
	  margin-bottom: 0px;
	  margin-left:0px;
	  margin-right: 15px;
	  margin-top: 15px;
}
	  .center {
	  vertical-align:middle;
	  text-align:center;
	  width: 427px; 
	  height:383px; 
	  background: #ffffff;
	  
}



	  .center5 {
	  width: 427px; 
	  height:337px; 
	  background: #ffffff;
	  padding:0;
	  border: none; 
      text-align:center;
      vertical-align:middle;
	  
   
}
	  .center2 {
	  text-align:center;
	  vertical-align:middle;
	  
	
}	
	  

  .centernegro {
	  vertical-align:middle;
	  text-align:center;
	  width: 427px; 
	  height:337px; 
	  background: #000000;
	  
}
  
	html {
min-height: 100%;
margin-bottom: 1px;
} 	  



.negro {
  background-color:#000000;
  height:100%;
  vertical-align:top;
  }
  .fucsia
  {
  background-color:#f82286;
  vertical-align:top;
  font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:11px;
  color: #FFFFFF;
  TEXT-ALIGN: left;
  height:100%;
  PADDING-LEFT: 20px;
PADDING-RIGHT: 60px;
  
    }
	  .fuc
  {
  background-color:#fb499c;
  vertical-align:top;
  font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:11px;
  color: #FFFFFF;
  TEXT-ALIGN: left;
  height:100%;
  }
 
    .verde
  {
  background-color:#84c225;
  vertical-align:top;
  font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:11px;
  color: #ffffff;
  TEXT-ALIGN: left;
  height:100%;
  PADDING-LEFT: 20px;
  PADDING-RIGHT: 35px;
  
    }
   
	  .ver
  {
  background-color:#afd65f;
  vertical-align:top;
  font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:11px;
  color: #FFFFFF;
  TEXT-ALIGN: left;
  font-weight:bold;
  height:100%;

  
    }
	  .ver2
  {
  background-color:#afd65f;
  vertical-align:top;
  font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:11px;
  color: #000000;
  TEXT-ALIGN: left;
  font-weight:bold;
  height:100%;

  
    }
	
	
    p
  {
   font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:12px;
  color: #FFFFFF;
  TEXT-ALIGN: left;
  line-height: 150%; 
  }
     .bold
  {
   font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:11px;
  color: #FFFFFF;
  TEXT-ALIGN: left;
  line-height: 150%; 
    font-weight:bold;
  
    }
      .neg
  {
   font-family: Verdana, Helvetica, Arial,  sans-serif;
  font-size:11px;
  color: #000000;
  TEXT-ALIGN: left;
  vertical-align:top
  }

    .top2 {
   vertical-align:top;
    background-color:#ffffff;
  }
    .top3 {
   vertical-align:top;
    background-color:#000000;
  }
    .topsolo {
   vertical-align:top;
   widht: 57px;
      }
       .topverde {
 vertical-align:top;
 border: 1px solid #aad458;
border-style: solid;
widht: 57px;

      }
      .topnegro {
 vertical-align:top;
 border: 1px solid #000000;
border-style: solid;
widht: 57px;


      }

      .topsol {
   vertical-align:top;
 
   }

   .topn {
   vertical-align:top;
    background-color:#000000;
  }
 
	    .blanco {
   height:100%; 
   vertical-align:top;
    
	  }
	  
	  
	  
  p.2 {
  FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif;
  color:#00FF99
       }
  
  
  
  /* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */

}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;

}
.ocultar
{
visibility: hidden;
}