/* CSS Document */
body {
	 margin: 0px;
	 padding: 0px;
     background: url(ro4.jpg);
     background-position: top right;
     background-color: #FFFFFF;
	 background-attachment: fixed;
	 background-repeat: no-repeat;
     font-size: 11px;
     font-family: Arial, SunSans-Regular, Sans-Serif;
	 color:#564b47;
}


ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/

#header{
	
	width:1024px;
	height:0px;
	top: 110px;
	position:relative;
	margin:0 auto;    

}
#header ul{
/*	background:url(images/nav_bar.gif) 0 0 no-repeat; */
	width:847px;
	height:29px;
	position:absolute;
	left:31px;
	top:6px;
	padding:0 0 0 72px;
}
#header ul li{
	height:27px;
	float:left;
	padding:0 1px 0 0;
}
#header ul li a{
	display:block;
	padding:0 14px;
	font:  15px/27px Franklin Gothic Book, Arial, Helvetica, sans-serif;
	color:#ff66cc;  //* #ff66cc; *//
	background-color:inherit;
	text-decoration:none;
}
#header ul li a:hover{
	color:#737373;
	background-color:inherit;
}
#header ul li a.hover{
	display:block;
	color:#737373;
	padding:0 14px;
	font: 15px/27px Franklin Gothic Book, Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
	cursor:text;
}
#header ul li.last{
	background-image:none;
	height:27px;
	float:left;
}

/*------------------------------------------------ Mailing --------------------*/
#mailinglist { 
position: absolute;
width: 100%; 
top: -68px;
left:1%
}

#addressForm{
background:url(bgsearch.gif) no-repeat 0px 2px;
margin:0px;
padding-left:10px;
}
.cajabusqueda{
background: transparent;
border:none;
background:none;
background-color: #FBDEF3}

.boton{background:url(submit.gif);
width:30px;
height:25px;
text-align:center;
color:#FFF;
font-weight:bold;
border:none;
/*border: 1px solid #564b47;*/
margin-top:1px;
}
/*------------------------------------------------header--------------------*/

/* links */

a {                                         
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none; 
}

/* Texto en gris */
pre { 
color: #5C3011;
background-color: #ADA5A5;
font-size: 12px;
font-family: Trebuhetc MS, Arial, SunSans-Regular, Sans-Serif;
line-height:15px;
}

p, h1, h2, h3, h4, pre, #caja2 {
 padding: 0px 17px;
 margin: 0px;
}

h2 {
font:11px helvetica,tahoma,verdana;
color: #fff;
}


.sideSubHeaders{
	margin:0px; 
	padding:2px 0 0 0;
	background:url(bullet.gif) no-repeat;
	background-position: 0 4px;
	font:11px helvetica,tahoma,verdana;
}

.textonormal{
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: normal;
text-align: justify;
color: #000;
text-decoration: none; 
margin:0px; 
padding: 0px 17px;
}

.textoBordo{
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: normal;
text-align: justify;
color: #73406F;
text-decoration: none; 
margin:0px; 
padding: 0px 17px;
}

.textoBlanco{
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: normal;
text-align: justify;
color: #ffffff;
text-decoration: none; 
margin:0px; 
padding: 0px 17px;
}

.textoRosa{
/*font:13px Gill Sans MT, helvetica,tahoma,verdana;*/
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: normal;
text-align: justify;
color: #d660af;
text-decoration: none; 
margin:0px; 
padding: 0px 17px;
}


/* Titulo de caja */
h3 {
font-size: 11px;
text-transform:uppercase;
color: #FFF;
background-color: #B45E87;
line-height:20px;
}

/* Titulo de caja */

#ImagenNovedades{
padding: 0px;
margin: 0;
}

#caja2 {
color: #FFF;
background-color: #3B3A3A;
padding:5px;
margin:0px;
}

#cajaM {
color: #FFF;
background-color: #3B3A3A;
}

/*  positioning-layers */

#logo { 
position: absolute;
width: 100%; 
top: 5px;
text-align: -moz-center; /* centra imagen en firefox  - IE no lo necesita */
}

#player { 
position: absolute;
width: 100%; 
top: -60px;
left:79%
}

#logo1 {
position: absolute;
width: 100%; 
top: 600px;
left:11%
}

#logo2 {
position: absolute;
width: 100%; 
top: 600px;
left:34%
}

#logo3 {
position: absolute;
width: 100%; 
top: 660px;
left:11%
}

#logo4 {
position: absolute;
width: 100%; 
top: 660px;
left:34%
}

#logo5 {
position: absolute;
width: 100%; 
top: 730px;
left:11%
}

#logo6 {
position: absolute;
width: 100%; 
top: 730px;
left:34%
}

#columna1 { 
position: absolute; 
left: 5%;
width: 33%; 
top: 100px; 
background-color: transparent;
}

#columna2 { 
position: absolute; 
/* left: 49%; */
left: 41%;
width: 23%; 
top: 100px; 
background-color: transparent;
}
/* Columna 3 es como la comlumna 1 pero transpareten y con fuente de color rosado*/
#columna3 { 
position: absolute; 
left: 5%; 
width: 33%; 
top: 100px; 
background-color: transparent;
}

#columna4 { 
position: absolute; 
left: 80%; 
width: 18%; 
top: 100px; 
background-color: #ffffff;
}

#columnaM1 { 
position: absolute; 
left: 5%;
width: 66%; 
top: 100px; 
background-color: transparent;
}

#columnaM2 { 
position: absolute; 
left: 75%;
width: 23%; 
top: 100px; 
background-color: transparent;
}

#columna1, #columna2, #columna3, #columna4, #columnaM1, #columnaM2 { 
/*border: 1px solid #564b47;*/
padding:0px;
margin:0px;
/*background-color: transparent;*/
filter:alpha(opacity=75); /* IE's opacity*/
opacity: 0.80;
} 

/*---------------- style mailing list  ---------------------------*/
form {
	margin: 0;
	padding: 0;
	margin: 0px;
}

fieldset {
	margin: 1em 0;
	border: none;
	border-top: 1px solid #ccc;
}

legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #B45E87;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
}

label {
	float: left;
	width: 100px;
	padding: 0 1em;
	text-align: right;
}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {
	width: 150px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

fieldset div select {
	padding: 0px;
}

div.fm-multi div {
	margin: 5px 0;
}

div.fm-multi input {
	width: 1em;
}

div.fm-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

#fm-submit {
	margin: 0px;
	padding: 0px;
}

#fm-submit input {
	border: 1px solid #333;
	padding: 2px 1em;
	background: #555;
	color: #fff;
	font-size: 100%;
}
/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: bold;

}

fieldset div.fm-req label:before {
	content: "* "; /* does not work in IE */
}

input:focus, textarea:focus {
	background: #efefef;
	color: #000;
	font: 10px verdana,sans-serif;
}
input, textarea {
	font: 10px verdana,sans-serif;
}
#container {
	margin: 0 auto;
	padding: 1em;
	width: 350px;
	text-align: left;
}

p#fm-intro {
	margin: 0;
}