
/* Structure
----------------------------------------------- */

* {
margin:0px;
padding:0px;
}

html, body {
height: 100%;
}

a:link{
text-decoration:none;
}
a:visited{
  text-decoration: none; 
}
a:hover{
text-decoration:none;
}
a:active{
  text-decoration: none; 
}

img{
border:0;
}

.clearboth {
	clear:both; 
	}
	
body {
background:url(i/fondo_r.jpg) repeat-x center top;
font-family: Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
}

#global{
background: url(i/fondo.jpg) no-repeat center top;
position:relative;
min-height: 100%;
width:100%;
}

#cabecera{
width:940px;
height:222px;
text-align:left;
margin:0 auto;
}

#container{
position:relative;
width:930px;
height:auto;
margin:0 auto 0 auto;
text-align:left;
padding-bottom:106px;
}


#pie{
position:absolute;
background:url(i/pie.gif) repeat-x center top #000;
width:100%;
margin:0;
min-height:60px!important;
height:60px;
padding:20px 0 0 0;
text-align:center;
bottom:0;
font-size:11px;
color:#fff;
}


/* Izquierda
----------------------------------------------- */

#izquierda{
float:left;
text-align:left;
width:240px;
z-index:333;
}

h2{
position:relative;
background:url(i/fondo_h2.jpg) left top no-repeat;
height:35px;
line-height:35px;
text-indent:10px;
color:#fff;
font-size:16px;
margin-bottom:1px;
}

h2 img{
position:absolute;
right:0;
top:0;
}

	
/* Derecha
----------------------------------------------- */

#derecha{
float:left;
margin-left:25px;
width:660px;
z-index:22;
}

h1{
font-size:24px;
font-weight:normal;
color:#000;
border-bottom:1px solid #d8d8d8;
margin-bottom:15px;
}

#derecha p{
margin-bottom:10px;
text-align:justify;
}

#photo img{
float:left;
padding:5px;
background-color:#d8d8d8;
margin:0 10px 10px 0;
}

h3{
position:relative;
font-size:20px;
padding:3px 0 3px 3px;
background-color:#d6e2fb;
font-weight:bold;
color:#0c65cd;
margin-bottom:15px;
z-index:3333;
}


#cart_de{
position:relative;
width:660px;
margin-bottom:50px;
}

#cart_de p{
width:360px;
}

#cart_de img{
position:absolute;
right:0;
top:-8px;
z-index:4444;
}

#direccion{
height:auto;
border-left:4px solid #b9c6e1;
padding-left:4px;
margin:20px 0 0 20px;
}

/*--Noticia--*/

#noticia{
width:660px;
padding-bottom:10px;
*padding-bottom:0px;
margin-bottom:15px;
border-bottom:1px dotted #66696c;
clear:both;
}

#noticia h3 span{
position:absolute;
right:0;
top:0;
height:100%;
line-height:30px;
background:url(i/calendar.jpg) no-repeat 10px 50% #676767;
padding:0 10px 0 30px;
text-align:right;
font-size:15px;
font-weight:normal;
color:#fff;
border-left:1px solid #fff;
}

#noticia p{
border:0;
padding:0;
}

#foto{
float:left;
margin:0 8px 4px 0;
overflow:hidden;
background-color:#d8d8d8;
padding:6px;
}

#foto img{
height:110px;
width:146px;
}

/*--Tableau--*/

h4{
font-size:17px;
color:#000;
padding:2px 0 0 6px;
}

.case_gr{
background-color:#dfdfdf;
border-right:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
height:30px;
line-height:30px;
}

.case_bl{
background-color:#f1f1f1;
border-right:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
height:30px;
line-height:30px;
}

/*liste caracteristicas mangueras*/

#cart_de ul {	  
padding:0; 
margin:0;
width:360px;
}

#cart_de ul li, #cart_de ul li a  {	
padding:0 0 0 14px;
list-style-type:none;
display:block;
color:#000;
margin:0 0 6px 0;
background:url(i/puce_bleue.jpg) no-repeat left 2px;
text-decoration:none; 
}

#cart_de ul li.vert, #cart_de ul li.vert a  {	
background-image: url(i/puce_verte.jpg);
}


/*Formulario contacto*/

#comentario{
width:660px;
position:relative;
}

#fila{
margin:0 0 10px 0;
}

#fila2{
position:absolute; 
right:0; 
top:171px;
*top:177px;
}

#comentario input.form{
background:url(i/fondo_input.jpg) repeat-x left top #fff;
border:1px solid #cacaca;
color:#000;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:1	2px;
padding:8px 5px 8px 5px;
width:300px;
}

#comentario textarea{
background:url(i/fondo_input.jpg) repeat-x left top #fff;
border:1px solid #cacaca;
color:#000;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
height:138px;
line-height:1.5em;
overflow:auto;
padding:5px;
width:310px;
}


#comentario input.form:focus, #comentario textarea:focus{
border-color:#a8a8a8;
}

#comentario label{
padding:0 0 5px 0;
color:#7e7e7e;
font-weight:bold;
}

.bt_comentario{
background-color:#8ec600;
color:#000;
font-size:12px;
display:block;
width:80px;
margin:0;
padding:5px 0 5px 0;
cursor:pointer;
border:1px solid #5b9400;
}


.bt_comentario:hover{
background-color:#f89e02;
border-color:#ba7600;
}

/*-DEBUT BOXS-*/

#box{
display:inline;
float:left;
margin:8px;
cursor:pointer;
padding:7px;
background:#d8d8d8;
}

#box:hover{
background:#1a2233;
}

/* Fuentes y otro
----------------------------------------------- */

.azul{
color:#0c65cd;
}

.verde{
color:#348100;
}

.bold{
font-weight:bold;
}

.separ{
background:url(i/point.gif) left 50% repeat-x;
height:1px;
margin-bottom:10px;
}
.separador{
background:url(i/point.gif) left 50% repeat-x;
height:1px;
margin-bottom:10px;
float:left;
}

h6, h6 a{
margin-top:5px;
color:#a9a9a9;
font-size:10px;
text-decoration:none;
}

h6 a:hover{
color:#fff;
font-size:10px;
text-decoration:underline;
}

.blanco{
color:#fff;
}

a.link1{
text-decoration:underline;
color:#000;
}

a.link1:hover{
text-decoration:underline;
color:#0000FF;
}

a.bt1{
background:url(i/bt.gif) repeat-x left top;
height:44px;
line-height:44px;
color:#fff;
font-size:14px;
display:block;
margin:10px 0 0 0;

text-align:center;
width:140px;
cursor:pointer;
border:1px solid #0d0d0d;
}


a.bt1:hover{
background-position:0 -44px;
border-color:#1a6889;
}

/*------------------- IDIOMAS ----------------------------*/
#idiomas {
    
	z-index:2;
	position:relative;
	right:35px;
	float:right;
	
}

#castellano {
	width:35px;
	height:35px;
	
	float:right;
	
}


#ingles{
	width:35px;
	height:35px;
	
	float:right;
}


/*------------------- FIN IDIOMAS ----------------------------*/
