@CHARSET "ISO-8859-1";
html{ margin: 0px; padding: 0px; }
body{ margin: 0px; padding: 0px; font-family: Arial;}
#web{ background: url(../img/bck_web.jpg) no-repeat bottom; margin: 0 auto; width: 1000px; border: 1px solid #E9E9E9; border-top: 0px; text-align: center; display: block; height: 770px;}

.promocion{ background: url(../img/adhesivo.jpg) 50% 0 no-repeat; display: block; width: 250px; height: 200px; margin-top: 30px;margin-left: 220px;}
.logo{ background: url(../img/logo-puntlove.jpg) 50% 0 no-repeat; display: block; width: 500px; height: 200px; margin-top: 70px;}
.esposas{ background: url(../img/esposas.jpg) 50% 0 no-repeat; display: block; width: 250px; height: 200px; margin-top: 20px;}

.granollers{ background: url(../img/fondo-rojo.jpg) 50% 0 no-repeat; display: block; position: relative; width: 452px; height: 138px; left: 270px; top: -30px; text-align:left;}
.mollet{ background: url(../img/fondo-azul.jpg) 50% 0 no-repeat; display: block; position: relative; width: 452px; height: 138px; left: 270px; top: -20px; text-align:left;}

.cartel-amarillo{ background: url(../img/cartel-naranja.jpg) 50% 0 no-repeat; display: block; position: relative; width: 212px; height: 200px; left: -30px; top: -325px; }
.cartel-rojo{ background: url(../img/cartel-rojo.jpg) 50% 0 no-repeat; display: block; position: relative; width: 212px; height: 200px; margin-left: 30px; margin-top: 50px;}

.title{ 
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-top:35px;
padding-left:150px;
}

.title a{
text-decoration:none;

}

.title a:hover{ color:#FF0000; }
.title a:visited{ color:#000; }
.title a:visited:hover{ color:#FF0000; }



.text{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
padding-top:2px;
padding-left:150px;
 }
 
.text-cartel-1{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
width: 150px;
padding-top:75px;
padding-left: 30px;
 }
 
.text-cartel-2{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
width: 150px;
padding-top:50px;
padding-left: 30px;
 }
 
.text-link{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
width: 150px;
padding-top:3px;
padding-left: 27px;
text-decoration:none;
 }
 
.text-link a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
width: 150px;
padding-top:3px;
text-decoration:none;
 }
 
.text-link a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#66FF00;
text-align:center;
width: 150px;
padding-top:3px;
 }
 
.text-inf{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:center;
padding-top:5px;
padding-left:40px;
padding-right:40px;

 }
 
 .text-links{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0099FF;
text-align:center;
padding-top:6px;
padding-left:45px;
padding-right:45px;

 }
 
  .text-links a{
  color:#0099FF;
  text-decoration:none;

 }  
 
.text-links a:hover{ color:#0099FF; }
.text-links a:visited{ color:#0099FF; }
.text-links a:visited:hover{ color:#0099FF; } 


/*Generic Classes:*****************
***********************************/
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }

span{ display: block;  }