/* CSS Document */
/* common styling */
.foto {background-image:url(../images/backfoto0.jpg); background-repeat:no-repeat; background-position:395px 0; height:225px; clear:both;}
.menu {font-family: arial, sans-serif; position:relative; padding:5px; margin:0; font-size:13px; background-image:url(../images/back_menu.gif); background-repeat:repeat-x; background-color:#3d3d3d; float:left; display:block; width:385px; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; border-bottom:none !important; color:#000;width:170px; height:30px; text-align:left; padding-left:15px; color:#fff; background:#3d3d3d; line-height:30px; font-size:13px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none;  }
.menu ul li {float:left; margin-right:1px; position:relative; }
.menu ul li ul {display: none;}
.menu h5 { margin:0; padding:0; font-weight:normal;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#943c4c; }
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:200px; font-size:11px;}
.menu ul li:hover ul li a.hide {background:#943c4c; color:#fff; }
.menu ul li:hover ul li:hover a.hide {background:#943c4c; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#943c4c; color:#fff;}
.menu ul li:hover ul li a:hover {background:#a94c5d; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; /*left:105px;*/ top:0;}
.menu ul li:hover ul li:hover ul.left {/*left:-105px;*/}
.menu img {margin:13px 0 0 0}

html { height:100%;background:url(../images/back_html.gif) 50% 0 repeat-y; height:100%;}
body { margin:0; padding:0; text-align:center; font-family:"Trebuchet MS", Arial; font-size:12px; color:#4d4d4d;/*background-image:url(../images/back_sitee.gif); background-repeat:repeat-x;*/background:url(../images/back_html.gif) 50% 0 repeat-y; background-color:#a84d5d;}


/* Enlaces */
a, a:visited, a:link {text-decoration:none; color:#b35465; border-bottom:1px dotted #b35465 !important;}
 
 /* Contenedor */
.contenedor {width:664px; overflow:hidden; text-align:left; margin:0 auto; background-image:url(../images/back_cab.gif); background-repeat:repeat-x;padding:0 5px 0 5px;}

/* Cabecera */
.cabecera { height:79px;}
.cabecera img { float:left; display:block;}
.cabecera p {text-align:right; padding:0 0 3px 0; margin:45px 0 0 0; float:right}

/* Contenido */
.caja {text-align:center; width:720px; height:100%; background-color:#FFFFFF; margin:0 auto; display:block}
h1 { font-size:1.6em; padding:0 0 6px 0; margin:10px 0 0 0; border-bottom:1px solid #EEEEEE; letter-spacing:-1px; display:block; clear:both;}
h3 { font-size:2.5em; padding:0 0 6px 0; margin:0; border-bottom:1px solid #EEEEEE; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-2px}
h4 { font-size:1.6em; padding:0 0 6px 0; margin:10px 0 0 0; border-bottom:1px solid #EEEEEE; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-2px; display:block; clear:both;}
.izquierdo {padding:0 15px 25px 0; width:385px; float:left; clear:both; margin:0 0 0 0; background-image:url(../images/lin_lat.gif); background-repeat:no-repeat; background-position:bottom right}
.izquierdo p {font-size:14px; line-height:1.5em; margin:10px 0 0 0}
.derecha {padding:5px; width:230px; float:right; margin:10px 5px 0 0; overflow:hidden;}
.derecha p {font-size:12px; line-height:1.7em; margin:10px 0 0 0}
.derecha span {float:right; text-align:left; display:block; margin:5px 0 15px 20px; padding:5px 5px 2px 0;}
.derecha  img {vertical-align: middle; margin-right:5px;}
.pie { display:block; clear:both; text-align:center; padding:15px 0 15px 0; background: #ffffff url(../images/lin_inf.gif) top center no-repeat;}
.campo { border:1px solid #9c9c9c; padding:4px}
.campo:hover { border:1px solid #943c4c;}

/* contacte */
input { padding:2px}

/* productos */
#productos { 
		margin-top:15px;}

#productos ul {
		margin:0;
		padding:0;
        list-style-type: none;
        width: 390px;
} 

#productos li {
		clear:both;
        border-top: 1px solid #E5E5E5;
        border-width: 1px 0;
        margin: 5px 0;
}

#productos li a { 
		color:#4d4d4d;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 10px 5px;
        text-decoration: none;
		border-bottom:none !important;
}

 * html #productos li a {
 	/*cursor:default;*/
	width: 380px;
}

#productos li a:hover {
		/*cursor:default;*/
        background: #a84d5d;
}

#productos a em { 
        display: block;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 160%; 
}

#productos a:hover em{
		color:#FFFFFF;
		}

#productos img { 
		float:left;
		border:none !important;
		margin:0 8px 0 0;
}

#productos a span {
		display: block;
		padding:8px 0 0 0;
        color: #a84d5d;
		font-size:17px;
}

#productos a:hover span {
		color:#FFFFFF;
}


#productos .alto1{
	height:128px; 
	display:block;
	}