/************* GENERAL CSS ************/

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff url(images/back.png) repeat-y center top;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3399FF;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #33CCFF;
}

a:hover {
	text-decoration: underline;
	color: #33CCFF;
}





#header{
	background:url('./images/header.png');
	background-repeat:no-repeat;
	width:980px; 
	margin: 0px auto;  
	height:215px; 
	z-index:100;
	text-align:center;
}
#sup{
	width:500px;
	text-align:center;
}
#anchor{
	float:left;
	text-align:center;
	width:100px;
	margin-left:300px;
}
#contenedor{
	width:980px;
	margin: 0px auto;  
	text-align:left;	
}

/************* PUBLICIDAD ************/

#publicidad {
	margin: 0px 230px;
	padding: 5px 0px 5px 0px;
	float:right;	
}


/************* MENU *************/


.animatedtabs{
height: 33px;
text-align: right;
margin: 66px 27px 0 0;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: right;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(images/latesq.png) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(images/latdre.png) no-repeat right top;
padding: 6px 14px 6px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -33px;
}

.animatedtabs .selected a span {
background-position: 100% -33px;
color: black;
}

.animatedtabs a:hover {
background-position: 0% -33px;
}

.animatedtabs a:hover span{
background-position: 100% -33px;
}


/************* CONTENT ************/

#content {
	width: 980px;
	margin: 0px auto;
	margin: 20px 0px 0px 0px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}
#content h1{
	font-weight: normal;
	text-align:right;
}

#content p, #content ul, #content ol {
	line-height: 150%;
	
}

#left {
	float: left;
	width: 690px;
	padding: 15px;
}


/************* FOOTER ************/

#footer {
	margin: 10px auto;
	margin: 20px 0px 2px 0px;
	padding:10px;
	float:left;
	clear:all;
	text-align:center;
	width:100%;
}

/************* RIGHT-CONTENT ************/

#rightTop {
	float: right;
	width: 200px;
}
#rightBottom {
	float: right;
	width: 200px;
	margin:10px auto;
}

#topright{
	height:20px;
	background:url('./images/toptabla2.png') no-repeat;
	
}
#centerright{
	height:auto;
	background:url('./images/centertabla2.png') repeat-y;
	margin-top:-16px;
	padding: 0 15px 0 15px;
	
}

#bottomright{
	height:20px;
	background:url('./images/bottomtabla2.png') no-repeat;
	margin-top:-16px;
}

/*
#mapa{
	border: 0px solid #000;
	margin: 0px 45px auto;
	width:615px;
	background:url('./images/marco2_center.png');

}

#mapaBottom{
	width:615px;
	height:10px;
	margin: 0px 45px auto;
	background:url('./images/marco2_bottom.png');
}

#mapaTop{
	width:615px;
	height:10px;
	margin: 80px 45px auto;
	background:url('./images/marco2_top.png');
}

#marcoMiddle{
	border: 0px solid #000;
	margin: 0px 45px auto;
	width:615px;
	background:url('./images/marco2_center.png');

}

#marcoBottom{
	width:615px;
	height:10px;
	margin: 0px 45px auto;
	background:url('./images/marco2_bottom.png');
}

#marcoTop{
	width:615px;
	height:10px;
	margin: 0px 45px auto;
	background:url('./images/marco2_top.png');
}
*/

.marco{
	border: 4px solid #41210A;
	padding: 0pt 0.5em 0em 23px; 
	font-size: 100%; 
/*	background-color: rgb(245, 245, 253); */
	background-color:#EAF1F2;
	font-weight: bold; 
	-moz-border-radius-topleft: 7px; 
	-moz-border-radius-topright: 7px;  
	-moz-border-radius-bottomright: 7px;   
	-moz-border-radius-bottomleft: 7px; 
	outline-color: rgb(255, 0, 0); 
	outline-style: solid; 
	outline-width: 0px;
}

#botonVotar{
	background:url('images/botonvotar.png');
	width:60px;
	height:23px;
	border:0px;
}
#buscador{
	/*position:relative;
	top:15px;
	left:350px;*/
}