@import 'base.css';

#slideshow {position:relative;}
#slideshow img {display:block; background:url('../images/home/slideshowBg-trans.png'); padding:9px 10px 11px;}

#oferta {text-align:center; background:white; border:1px solid lightgrey; margin:10px 0 15px 0; padding:10px}
#oferta p {color:dimgray; line-height:25px; font-size:1.25em}
#oferta em {color:maroon; line-height:50px; font-size:1.35em; font-weight:bold;}
#oferta ul {list-style-type:circle; border:none; margin:0px}
	
#main {background:url('../images/home/rightColBg-trans.png') no-repeat 355px 0; padding-top:15px;}
#main p {width:343px; position:absolute;}
#main p a {display:block; background:url('../images/home/leftColBg-trans.png') no-repeat 0 -130px; height:121px; padding:9px 10px 0;}
#main p a:hover {background-position:0 0;}
#main p img {display:block;}
#main p img:first-child {outline:1px solid #fff; position:absolute;}
#main p img+img {margin-left:166px;}

#contact {margin-left:368px; height:127px; background:url('../images/home/rightColContentBg-trans.png') no-repeat;}
#contact h2 {text-align:center; padding:14px 0 28px; color:#535241;}
#contact h2 em {display:block; font-style:italic; color:#706e58;}
#contact ul {font-size:.9em; padding:0 10px; text-align:center; position:relative;}
#contact li:first-child {position:absolute; width:161px;}
#contact li+li {margin-left:161px;}
#contact strong {display:block; color:#535241; margin-bottom:3px;}
#contact strong:before {margin:0 4px 0 -8px;}
#contact li:first-child strong:before {content:url('../images/home/pictos/tel-trans.png');}
#contact li+li strong:before {content:url('../images/home/pictos/mail-trans.png');}
#contact a {color:#7f7c61;}
#contact a:hover {border-bottom:1px solid #fff; padding-bottom:1px;}