/* CSS Document */

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

body {
	background:#EEE url(../images/bg_body_def.jpg) repeat-x left top;
}

hr {
	display:none;
}

#contenedor {
	width:935px;
	margin:0px auto 40px auto;
	min-height:700px;
	height:auto !important;
	height:700px;	
	background:url(../images/bg_contenedor.jpg) repeat-y center top;
}

#contenedor #cabecera {
	width:935px;
	height:330px;
	background:#FFF url(../images/bg_cabecera.jpg) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
}

#contenedor #cabecera.en_ingles {
	background:#FFF url(../images/bg_cabecera_en.jpg) no-repeat center top;
}

#contenedor #cabecera.en_frances {
	background:#FFF url(../images/bg_cabecera_fr.jpg) no-repeat center top;
}
	

#contenedor #cabecera h1 {
	width:204px;
	height:73px;
	float:left;
	margin:40px 0 0 50px !important;
	margin:40px 0 0 25x;
	background:url(../images/h1.jpg) no-repeat left top;
}

#contenedor #cabecera h1 a {
	display:block;
	width:204px;
	height:73px;
	text-decoration:none;
}

#contenedor #cabecera h1 a span, #contenedor #cabecera h2 {
	display:none;
}

#contenedor #cabecera ul#idiomas {
	float:right;
	margin:65px 20px 0 0;
	width:220px;
	list-style:none;
	color:black;
	font-size:11px;
	text-transform:capitalize;
}

#contenedor #cabecera ul#idiomas li{
	float:left;
	margin:0 10px 0 0;
}

#contenedor #cabecera ul#idiomas li a{
	display:block;
	color:black;
	text-decoration:none;
}

#contenedor #cabecera ul#idiomas li a:hover{
	color:#666;
}

#contenedor #cabecera ul#idiomas li a img{
	border:none;
	vertical-align:middle;
}

#contenedor #cabecera #menu_principal {
	float:left;
	clear:left;
	list-style:none;
	margin:50px 0 0 80px;
	background:url(../images/bg_li_cabecera.jpg) repeat-x left top;
}

#contenedor #cabecera #menu_principal ul{
	list-style:none;
}

#contenedor #cabecera #menu_principal li{
	width:200px;
	background:url(../images/bg_li_cabecera.jpg) repeat-x left bottom;
}

#contenedor #cabecera #menu_principal li a{
	color:white;
	font-size:12px;
	font-weight:bold;
	padding:7px 40px 7px 0;
	width:160px;
	display:block;	
	text-transform:uppercase;
	text-decoration:none;
	text-align:right;
	background:url(../images/bg_li_a_cabecera.jpg) no-repeat 180px 10px ;
}

#contenedor #cabecera #menu_principal li a:hover{
	background:#8A8A8A url(../images/bg_li_a_cabecera_hover.jpg) no-repeat 180px 10px ;
}

/*********************** CONTENIDO ************************/
#contenedor #contenido {
	float:left;
	clear:both;
	width:935px;
	min-height:300px;
	height:auto !important;
	height:300px;
	margin:0;
	background:url(../images/bg_contenedor.jpg) repeat-y center top;
	
}

#contenedor #contenido #lateral_izquierdo {
	float:left;
	width:250px;
	padding:30px 0 20px 50px;
	min-height:500px;
	height:auto !important;
	height:500px;;
	background:url(../images/bg_lateral_izquierdo.jpg) no-repeat right top;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}

#contenedor #contenido #lateral_izquierdo h3{
	background:url(../images/bg_h3_lateral.jpg) no-repeat left top;
	padding:3px 7px 3px 30px;
	font-size:14px;
	margin:0 0 0 -28px;
}

#contenedor #contenido #lateral_izquierdo h3 a{
	color:black;
	text-decoration:none;
}

#contenedor #contenido #lateral_izquierdo h3 a:hover{
	color:white;
}


#contenedor #contenido #lateral_izquierdo ul{
	list-style:none;
}

#contenedor #contenido #lateral_izquierdo ul li{
	border-bottom:1px solid #CCC;
	font-size:12px;
}

#contenedor #contenido #lateral_izquierdo ul li a{
	display:block;
	padding:5px;
	text-decoration:none;
	color:#DC3A3C;
}

#contenedor #contenido #lateral_izquierdo ul li a:hover{
	background:#EEE;
}


#contenedor #contenido #lateral_izquierdo ul li a img{
	padding:2px;
	border:1px solid #DDD;
	margin:0 10px 0 0;
}

#contenedor #contenido #lateral_izquierdo dl{
	font-size:12px;
}

#contenedor #contenido #lateral_izquierdo dl dt {
	margin:10px 0;
}

#contenedor #contenido #lateral_izquierdo dl dt a{
	color:#DD3A3D;
}

#contenedor #contenido #lateral_izquierdo dl dt a:hover{
	text-decoration:none;
}

#contenedor #contenido #lateral_izquierdo dl dt span{
	font-size:11px;
}



/*************************************** PRINCIPAL *********************************/

#contenedor #contenido #principal {
	padding:20px 20px 30px 0;
	float:right;
	clear:right;
	width:580px;
}

#contenedor #contenido #principal h3{
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	color:#DC3A3C;
	font-weight:normal;
	margin:0 0 20px 0;
}

#contenedor #contenido #principal h4{
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:normal;
	margin:0 8px 20px 0;
	padding:10px 0 8px 18px;
	background:url(../images/bg_h4.jpg) no-repeat left bottom;
}

#contenedor #contenido #principal p{
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
	padding:0 20px 0 0;
}

#contenedor #contenido #principal p a{
	color:#666;
}

#contenedor #contenido #principal p a:hover{
	text-decoration:none;
}


#contenedor #contenido #principal ul{
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
	list-style:none;
	margin:10px 0;
}

#contenedor #contenido #principal ul li{
	background:url(../images/bg_li_pie.jpg) no-repeat 0 8px;
	padding:3px 10px 3px 15px;
}

#contenedor #contenido #principal ul li a{
	color:black;
}

#contenedor #contenido #principal ul li a:hover{
	text-decoration:none;
}

#contenedor #contenido #principal #paginacion{
	text-align:center;
	border-top:1px solid #EEE;
	margin:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#contenedor #contenido #principal #paginacion a{
	color:#666;
	text-decoration:none;
}

#contenedor #contenido #principal #paginacion a:hover{
	color:#333;
}


#contenedor #contenido #principal ul#listado_productos {
	list-style:none;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contenedor #contenido #principal ul#listado_productos li {
	float:left;
	margin:0 10px 10px 0;
	text-align:center;
	background:white;
	padding:17px 17px 20px 17px;
	background:#F2F2F2;
	width:140px;
	min-height:100px;
	height:auto !important;
	height:100px;
}

#contenedor #contenido #principal ul#listado_productos li img {
	margin:0 0 2px 0;
	border:none;
}

#contenedor #contenido #principal ul#listado_productos li a {
	border:1px solid #CCC;	
	padding:24px 4px 2px 4px;	
	text-align:center;
	color:#333;
	text-decoration:none;
	display:block;
	background:white;
	min-height:105px;
	height:auto !important;
	height:105px;		
}


#contenedor #contenido #principal ul#listado_productos li a strong{
	color:black;
}

#contenedor #contenido #principal ul#listado_productos li a:hover {
	color:black;
	border:1px solid #666;
}

#contenedor #contenido #principal ul#servicios_portada {
	list-style:none;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contenedor #contenido #principal ul#servicios_portada li {
	float:left;
	margin:0 10px 10px 0;
	padding:17px 27px 20px 3px;
	border:1px solid #DDD;
	width:142px;
	min-height:52px;
	height:auto !important;
	height:52px;
	color:#DC3A3C;
}

#contenedor #contenido #principal ul#servicios_portada li.serv1 {
	background:#F2F2F2 url(../images/btn_serv1.jpg) no-repeat left bottom;
}

#contenedor #contenido #principal ul#servicios_portada li.serv2 {
	background:#F2F2F2 url(../images/btn_serv2.jpg) no-repeat left bottom;
}
#contenedor #contenido #principal ul#servicios_portada li.serv3 {
	background:#F2F2F2 url(../images/btn_serv3.jpg) no-repeat left bottom;
}
#contenedor #contenido #principal ul#servicios_portada li.serv4 {
	background:#F2F2F2 url(../images/btn_serv4.jpg) no-repeat left bottom;
}
#contenedor #contenido #principal ul#servicios_portada li.serv5 {
	background:#F2F2F2 url(../images/btn_serv5.jpg) no-repeat left bottom;
}
#contenedor #contenido #principal ul#servicios_portada li.serv6 {
	background:#F2F2F2 url(../images/btn_serv6.jpg) no-repeat left bottom;
}
#contenedor #contenido #principal ul#servicios_portada li.serv7 {
	background:#F2F2F2 url(../images/btn_serv7.jpg) no-repeat left bottom;
}

#contenedor #contenido #principal ul#servicios_portada li.serv_vacio {
	background:#FFF;
	border:1px solid #FFF;
}

#contenedor #contenido #principal dl#servicios {
	width:100%;
}

#contenedor #contenido #principal dl#servicios dt{
	width:150px;
	background:none;
	float:left;
	clear:left;
	padding:0 20px 0 0;
	border-bottom:1px solid #CCC;
	height:105px;		
}

#contenedor #contenido #principal dl#servicios dd{
	float:left;
	width:380px;
	margin:20px 0 3px 0;
	border-bottom:1px solid #CCC;
	height:105px;	
	padding:0;	
}

#contenedor #contenido #principal dl#servicios dd img{
	float:right;
	border:1px solid #DDD;
	padding:2px;
	background:white;
	margin:0 0 0 10px;
}

#contenedor #contenido #principal p.mas_info {
	margin:15px 0;
}

#contenedor #contenido #principal p.mas_info a{
	padding:6px;
	font-size:14px;
	color:#DC3A3C;
	text-decoration:none;
	display:block;
	border:1px solid #CCC;
	background:#DDD;
	width:150px;
	text-align:center;
}

#contenedor #contenido #principal p.mas_info a:hover{
	background:#666;	
	color:white;
}

/**************** formulario de contacto *************************/

#contenedor #contenido #principal fieldset {
	border:1px solid #CCC;
	margin:30px 50px 30px 0;
	padding:0px 20px 10px 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	display:block;
	clear:left;
	background:#EEE;
	width:500px;
}

#contenedor #contenido #principal .foto_contacto {
	float:right;
}

#contenedor #contenido #principal fieldset p {
	margin:0 0 0 150px;
	clear:both;
	width:300px;
}

#contenedor #contenido #principal legend {
	background:white;
	padding:0 10px;
	border:1px solid #CCC;	
	text-transform:uppercase;	
	font-size:11px;
	color:#333;
}
	
#contenedor #contenido #principal form {
	font-size:12px;
}

#contenedor #contenido #principal fieldset dl {
	font-family:Arial, Helvetica, sans-serif;
	color:gray;
}

#contenedor #contenido #principal fieldset dl dt {
	margin:15px 0 0 0;
	width:150px;
	clear:both;
	background:none;
	font-size:12px;
}

#contenedor #contenido #principal fieldset dl dd {
	float:left;
	margin:-18px 0 0 0px;	
	padding:0 0 5px 150px;
}

#contenedor #contenido #principal input, #contenedor #contenido #principal textarea {
	border:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 0;
	color:#333;
}

#contenedor #contenido #principal radio {
	padding:3px 0;
}


#contenedor #contenido #principal .botones {
	border:1px solid white;
	background:#CCC;
	text-align:center;
	width:145px;
	height:25px;
	color:#333;
	padding:5px 3px;
	margin:5px 0 0 0px;
	cursor:pointer;	
	font-size:11px;	
}

#contenedor #contenido #principal dl {
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;	
	width:400px;
	margin:0;
	
}

#contenedor #contenido #principal dl dt{
	font-size:15px;
	color:#DC3A3C;
	background:#DDD;
	margin:20px 0 3px 0;
	padding:2px;
}

#contenedor #contenido #principal dl dd strong{
	font-size:14px;
	color:black;
}

#contenedor #contenido #principal dl dd a{
	color:#666;
}

#contenedor #contenido #principal dl dd a:hover{
	text-decoration:none;
}





/*************************** VISUALIZADOR DE FOTOS DE PRODUCTOS ******************************/

#contenedor #contenido #lateral_izquierdo .gallerycontainer{
position: relative;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:15px 0 0 0;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#contenedor #contenido #lateral_izquierdo .thumbnail img{
border: 1px solid #CCC;
margin: 0 5px 5px 0;
width:70px;
height:50px;
}

#contenedor #contenido #lateral_izquierdo .thumbnail:hover{
background-color: transparent;
}

#contenedor #contenido #lateral_izquierdo .thumbnail:hover img{
border: 1px solid #CCC;
}

#contenedor #contenido #lateral_izquierdo .thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: #EEE;
padding: 5px;
left: -1000px;
border: 1px solid #CCC;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center;
padding:30px 0 40px 0;
}

#contenedor #contenido #lateral_izquierdo .thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
background:white;
width:auto;
height:auto;
margin:0 145px;
}

#contenedor #contenido #lateral_izquierdo .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -20px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/*********************** PIE ************************/

#contenedor #pie {
	width:935px;
	height:209px;
	clear:both;
	margin:0;	
	background:url(../images/bg_pie.jpg) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
}

#contenedor #pie #info_pie {
	float:left;
	width:200px;
	margin:40px 0 0 70px;
}

#contenedor #pie p strong{
	font-size:12px;
}

#contenedor #pie p {

	margin:5px 0 0 0;
}

#contenedor #pie a {
	color:#666;
}

#contenedor #pie a:hover {
	text-decoration:none;
}

#contenedor #pie #paises_pie {
	float:left;
	width:100px;
	margin:40px 0 0 100px;
}

#contenedor #pie #paises_pie p{
	padding:0 0 0 15px;
}

#contenedor #pie #paises_pie p strong{
	white-space: nowrap;
}

#contenedor #pie ul{
	float:left;
	width:200px;
	list-style:none;
}

#contenedor #pie ul li{
	background:url(../images/bg_li_pie.jpg) no-repeat 0 8px;
	padding:3px 0 3px 15px;
}

#contenedor #pie #contacto_pie {
	float:right;
	width:200px;
	margin:40px 0 0 20px;
}