/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

p {
  font-family: sans-serif;
  line-height: normal;
  color: black;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  text-align: left;
  font-size: small;
  text-indent: 10px;
}
h1 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: x-large;
  line-height: normal;
  color: #ff9900;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  text-align: left;
  text-decoration: none;
}
h2 {
font-family: Arial,Helvetica,sans-serif;
  font-size: large;
  line-height: normal;
  color: #656373;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  text-indent: 10px;
  text-align: left;
}

label {
  font-family: sans-serif;
  line-height: normal;
  color: black;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  text-align: left;
  font-size: small;
  text-indent: 10px;
  }


h3 {
  font-family: "Times New Roman",Times,serif;
  line-height: normal;
  color: dark-grey;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  text-align: center;
  font-size: medium;
}


 #contenedorprinc{
 background-color: #BEBEBE;
background-image:url('./imagenes/fondo1	.png');
background-repeat: repeat-x;
 }
#pagewidth{ 
 width:895px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background-image:url('./imagenes/fondo2.png');
 background-repeat: repeat-y;
} 
 
#header{
 position:relative; 
 height:439px; 
  /*background-color:#F0C339; */
 width:100%;
} 

#header1{
 position:relative; 
 height:111px; 
  /*background-color:#F0C339; */
 width:100%;
 background-image:url('./imagenes/header1.png');
}

#titulo{
  visibility: hidden;
  font-size: xx-small;
}

#header2{
 position:relative; 
 height:61px; 
  /*background-color:#F00039; */
 width:100%;
 background-image:url('./imagenes/header2.png');
} 

#header3{
 position:relative; 
 height:267px; 
  /*background-color:#F0C300; */
 width:100%;
 background-image:url('./imagenes/header3.png');
} 

 
/*#leftcol{
 width:35%; 
 height: 100%;
 float:left; 
 position:relative; 
 background-color:#F04039; 
 }
 
 #leftcol1{
 width:200px; 
 float:right; 
 position:relative; 
 background-color:#F05050;
 background-image:url('./imagenes/categorias.png');
 }*/
#contenedor1{
 width:895px;
 height: 100%;
 display: block;
 float:center;
 position:relative;
 background-image:url('./imagenes/fondo2.png');
 background-repeat: repeat-y;
}
 
#twocolsder{
 width:588px; 
 height: 100%;
 display: block;
 float:right; 
 position:relative; 
  }
 
#rightcol1{
 width:60px; 
 height: 100%;
 float:right; 
 position:relative; 
 display: block;
 /*background-color:#2F3640;*/
 }
 
#maincol1{
 
 float: left; 
 display:block; 
 position: relative; 
 width:528px; 
 height: 100%;
 text-align: left;

 }
 
 #twocolsizq{
 width:306px; 
 height: 100%;
 display: block;
 float:left; 
 position:relative; 
  }
 
#rightcol2{
 width:267px; 
 /*height: 100%;*/
 min-height: 51px;
 float:right; 
 position:relative; 
 display: block;
 padding-top: 40px;
 /*background-color:#2F3640;*/
 background-image:url('./imagenes/categorias.png');
 background-repeat: no-repeat;
 
 }
 
#leftcol1{
  
 float: left; 
 display:block; 
 position: relative; 
 width:39px; 
 height: 100%;
 /*background-color: #F6F30F;*/
 }
 
 
#formulario{
  display: block;
  position: relative;
  text-align: center;
  
}

 
#pie{
 height:67px; 
  background-color:#000020; 
 clear:both;
 background-image:url('./imagenes/footer1.png');
 background-repeat: no-repeat;
 background-position: center center;
 } 
 
/*/*MENU*/

 .clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 43px;
	margin: 0;
	margin-left: 30px;
	padding: 0;
	/*background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;*/
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	/*background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;*/
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 43px;
	padding-left: 25px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 16px;
	padding-right: 25px;
	/*background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;*/
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background: transparent url(imagenes/menuact.png) top center no-repeat;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	/*background: transparent url(imagenes/menuact.png) top right repeat-x;*/
}

#test li {
	display: block;
	border: solid 1px red;
}
 
 
 /*/*MENU 2*/
 #navi {
	list-style-image:url(imagenes/menu2.png);

}
 #navi li {
	margin:0px;
	padding:3px;
	border:none;
        /*vertical-align: center;*/
	height: 43px;
	text-decoration: none;
	}
	
#navi li a {
	display:block;
	width:200px;
	padding:4px 0;
	text-decoration:none;
	text-align:left;
	font-size:15px;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-weight: bold;
	color:#000000;


	}

#navi li a:hover {
	color:#F8940B;
	background-color:#000020;
	text-decoration: none;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
 }
 
 /**GALERIA*/
 
 /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>

#principal1{
width:500px;
height: 200px;
float: center;
display: block;
position: relative;
text-align: center;
background-color:#000000;

}

#principal1izq{
width:250px;
float: left;
position: relative;
text-align: center;
padding: 5px;
padding-bottom: 10px;

}

#principal1der{
width:250px;
float: right;
position: relative;
text-align: center;
padding: 5px;
padding-bottom: 10px;
}


.shiftcontainer{
position: relative;
float:center;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 220px; /* container width*/
background: transparent url(./imagenes/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
height: 170px;
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}
 
 
 
 
 
 
 
 
 
 
 /* *** 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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}