/* ######### CSS for Shade Tabs. Remove if not using ######### */

#el_contenido {
	float:left;
	width:600px;
	background-color:#eee;
	border:1px dotted #ddd;
}

#countrydivcontainer{
	width:590px;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333px;
	text-align:left;
}

#countrydivcontainer p{
	background-image:url(../imags/bala_menu.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
}

#countrydivcontainer .titulo_menu {
	background-image:none;
	background-color:#E3EAF5;
	font:13px Arial, Helvetica, sans-serif bold;
	color:#333px;
	text-align:center;
}


.shadetabs{
	padding: 3px;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font:12px Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	padding: 3px;
	margin-right: 3px;
	color: #2d2b2b;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	background:#FFFFFF;
	top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */

	border-bottom-color:#fff;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
}