@charset "utf-8";

body {
margin:0 0 5px 0;
padding:0; 
text-align:center;
background:url(imagenes/bg_body.png) top left repeat-x;} 

#contenedor { 
text-align:left; 
margin: auto;
width:900px; 
height:auto;
background:transparent;} 

#header { 
width: 900px;
/*height:110px;*/
height:202px;
float: left;
background:transparent;
position:relative;}

#header h1 a{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background: url(imagenes/logo.jpg) top left no-repeat;
height: 109px;
width: 467px;
position: absolute;
/*top:0;*/
top: 35px;
left: -5px;}

#header h2 a{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background:
url(imagenes/contactenos.png) top left no-repeat;
height: 153px;
width: 315px;
position: absolute;
top: 15px;
left:580px;}

#sub_header { 
width: 900px;
height:260px;
float: left;
background: url(imagenes/bg_subheader.png) no-repeat bottom;
position:relative;}

#menu { 
width:900px; 
height:100px;
float:left;
background: url(imagenes/bg_menu.png) no-repeat;}


#slider {
width: 860px;
height:215px;
float: left;
background:transparent;
position: absolute;
top: 21px;
left: 50px;}

#contenido {
width:900px;
height: auto;
float:left;
padding:10px 0 0 0;
background:#FFF;}

#home, #servicios, #contacto, #productos {
width:650px;
height:auto;
float:left;
clear: none;
background: #FFF;
padding:10px 0 0 0;} 

#home h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px 0px ;
width:272px;
height:51px;
margin:0 0 0 15px;}

#home p{
font:400 18px Arial, Helvetica, sans-serif;
padding:10px 20px 0 20px;
color: #000000;}

#servicios h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px -51px ;
width:272px;
height:51px;
margin:0 0 0 15px;}

#contacto h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px -102px ;
width:272px;
height:51px;
margin:0 0 0 15px;}

#productos h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px -153px ;
width:272px;
height:51px;
margin:0 0 0 15px;}

/*#izq_col {
width:650px;
height:auto;
float:left;
clear: none;
background: #FFF;}*/

#imagen{
padding: 30px 0 0 20px;
/*margin:10px;*/ 
width:250px;
height:auto;
float:left;
clear:none;
background: #FFF;}

#descripcion{
width:350px;
height:auto;
float:left;
clear:none;
background: #FFF;}

#descripcion h2 {
color: #000;
padding:10px 0 0 20px;
font:700 25px Arial, Helvetica, sans-serif; }

#mapa { 
width: 550px;
height:550px;
padding: 25px;
margin:20px 0 0 50px;
float: left;
background: url(imagenes/bg_mapa.png) top left no-repeat;
position:relative;}
 
#galeria{
width: 650px;
height:550px;
float: left;
background:#FFF;
position:relative;}

#galeria li { 
display:inline; 
float:left; 
width:150px;
height:112px; 
background:#FC0; 
padding:10px; 
margin:10px; 
text-align:center;}

#der_col {
width:240px;
height:auto; 
float: left;
clear:right;
background: transparent;
margin:0px;
padding:0px;} 

#menu_abajo{
margin:0;
padding:0;
clear:both; 
background: url(imagenes/bg_pie.png) repeat-y top left;
width:900px;
height:50px;}

#pie {
margin:0;
padding:0;
background:url(imagenes/bg_pie.png) left bottom no-repeat;
clear:both;
width:900px; 
height:80px;}

p{
font:400 14px Arial, Helvetica, sans-serif;
padding:10px 20px 0 20px;
color: #000;}

p a{color: #F60;
text-decoration:underline;}

p a:hover{ color: #0033FF;}

#pie p {
margin:0;
padding:10px 10px 0 10px;
color:#FFF;}

#pie p a{
text-decoration:none;
padding:0;
font-family: Arial, Helvetica, sans-serif ;
color: #FFF;
font-weight:400;}

#pie p a:hover{ color: #FC0;}

h2 {
color: #000;
padding:0 0 0 20px;
font:700 20px Arial, Helvetica, sans-serif; }

.cuadrado ul, .cuadrado li{
font:14px Arial, Helvetica, sans-serif;
list-style: square;
padding:0px;
margin:0px;
color: #000000;   
font-weight:400;}

.style1 {font: bold 16px Arial;
	color:#4b448b;}
	
.style1 a{font: bold 16px Arial;
	color:#D12947; text-decoration:none;}	

.style1 a:hover{font: bold 16px Arial;
	color:#4b448b; text-decoration:none;}
	
.style2 {font: bold 13px Arial;
	color: #0033FF;}		
	
/*------------------------MENU---------------------*/

#nav { 
background:url(imagenes/bg_menu.png) top left no-repeat;
width:900px; 
height:100px; 
margin:0;
padding:0;}

#nav span { display: none; }

#nav li, #nav a { height:100px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; display:inline; }



#nav-01 { width: 190px; margin-left:0;}

#nav-02 { width: 220px;}

#nav-03 { width: 220px;}

#nav-04 { width: 270px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

#nav-01 a:hover { background:url(imagenes/bg_menu.png) -22px -100px no-repeat; }

#nav-02 a:hover { background:url(imagenes/bg_menu.png) -85px -100px no-repeat; }

#nav-03 a:hover { background:url(imagenes/bg_menu.png) -207px -100px no-repeat; }

#nav-04 a:hover { background:url(imagenes/bg_menu.png) -295px -100px no-repeat; }

/*---------------------------productos----------------------------------------*/

.outer{
margin:0px;
padding:0px;}
	
#menu_lat {
width: 240px;
padding: 0 0 10px 0;}

#menu_lat h3 {
font: bold 20px Arial, Helvetica, sans-serif;
color:#FFF;
width: 225px;
height:30px;
padding: 3px 0 0 15px;
margin:0;
background:url(imagenes/boton.png) no-repeat top left}

#menu_lat ul{
list-style:none;
padding:0px;
margin:0px;}

#menu_lat li a {
font: bold 15px Arial, Helvetica, sans-serif;
list-style: none;
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
font-weight: normal;}	

#menu_lat li a:link, #menu_lat li a:visited {
list-style:none;
color: #000;
display: block;
background: url(imagenes/boton.png) no-repeat 0px -32px;
padding:8px 0 0 10px;}

#menu_lat li a:hover, #menu_lat li a:active {
color: #FC0;
background: url(imagenes/boton.png) no-repeat 0 -64px;
padding:8px 0 0 10px;}

/*---------------------menu pie-----------------*/

.menupie{
margin:0;
padding:15px 0 10px 23px;
float: left;
font:700 20px Arial, Helvetica, sans-serif;
width: 100%;
overflow: hidden;}

.menupie li{
list-style: none;
display: inline;}

.menupie li a{
float: left;
color:#FFF;
margin:0;
padding: 0 10px 0 25px;
text-decoration: none;}

.menupie li a:visited{
color:#FFF;}

.menupie li a:hover{
color:#FC0;}
/*--------------formulario----------------------------*/

#formulario{
width:600px;
height:auto;}

form p {
text-align:right;
font-family: Arial, Helvetica, sans-serif;
clear: right;
margin:0;
padding:10px 10px 0 10px;}

label{
float: left;
width: 120px;
font-weight: bold;
padding:0 10px 0 0;}

input, textarea{
width: 180px;
margin-bottom: 5px;}

textarea{
width: 250px;
height: 150px;}

#submitbutton{
margin-left: 140px;
margin-top: 5px;
width: 90px;}

br{
clear: left;}