@charset "utf-8";
/* CSS Document */

* {	
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer {
	position:relative;
	height:33px;
	color:#E0E0E0;
	background: url(images/header960_02.jpg) no-repeat top left;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	/*font-size:11px;*/
font-weight:bold;
	}

#dolphinnav {
	position:relative;
	height:33px;
	font-size:12px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	background:#fff url(images/menu_bg.jpg) repeat-x bottom left;
	padding:0 0 0 10px;
	}

#dolphinnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
	}

#dolphinnav ul li{
	display:block;
	float:left;
	margin:0 1px;
	}

#dolphinnav ul li a {
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 15px;
	height:33px;
	}

#dolphinnav ul li a span {
	padding:12px 10px 0 0;
	height:21px;
	float:left;
	}

#dolphinnav ul li a:hover {
	color:#fff;
	background:transparent url(images/menu_bg_hover.jpg) repeat-x bottom left;
	}

#dolphinnav ul li a:hover span {
	display:block;
	width:auto;
	cursor:pointer;
	}

#dolphinnav ul li a.current,
#dolphinnav ul li a.current:hover {
	color:#fff;
	background: url(images/menu_bg_hover.jpg) repeat-x top left;
	line-height:275%;
	}

#dolphinnav ul li a.current span {
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background: url(images/menu_bg_hover.jpg) repeat-x top left;
	/*background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;*/
	height:33px;
	}

/* ---------------------- END Dolphin nav ---------------------- */

body {	
	/*background:url(images/body_bg.jpg) repeat-x top left;*/
	background:url(images/background_2010v3.jpg) no-repeat fixed ;
	/*background-color: #e5e5e5;*/
	text-align: center;
	font-color:#000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0;
	top:1; 
	left:0; 
	}

div#clear{
clear:both;}

table.wrapper {
	text-align: left;
	
	margin: 10px auto;
	}
/************************  HEADER  ******************************/

div.buscador {
	clear:both;
	position: relative;
	display: block;
	}

.buscador_img {
      vertical-align:bottom;
}

#cse-search-box {
	margin-right: 10px;
	/*padding-top: 10px;*/
	text-align: right;
	}

div#usuarios-ie {
background-color:#FF6;
border:1px solid #FC0;
font-size:11px;
color:#333;
width:960px;
padding:15px;
}

div#header-container960 {	
	width: 960px;
	height: 180px;
	}
div.top960new {
	width: 960px;
	height: 180px;
	background: url(images/header2010.jpg) no-repeat top left;
	}

div.top960 {
	width: 960px;
	height: 150px;
	background: url(images/header960_01.jpg) no-repeat top left;
	}
	
div.bottom960 {
	width: 960px;
	height: 30px;
	background: url(images/header960_02.jpg) no-repeat top left;
	}

div.banner-468 {
	width: 468px;
	height: 60px;
	float: left;
	margin: 75px 10px 0px 180px!important;
	margin: 75px 10px 0px 100px;
	}
	
*html div.banner-468 {
	margin: 75px 10px 0px 180px;
	}
div.banner-468b {
	width: 468px;
	height: 60px;
	float: left;
	margin: 85px 10px 0px 250px!important;
	margin: 85px 10px 0px 170px;
	}
	
*html div.banner-468b {
	margin: 85px 10px 0px 250px;
	}

div.header-right {
	width: 130px;
	float: left;
	}

div.banner-120 {
	width: 120px;
	padding-top: 10px;
	float: right;
	margin-right: 20px;
	}

div.banner-130 {
	width: 130px;
	padding-top: 10px;
	float: right;
	margin-right: 20px;
	}

div.banner-150 {
	width: 150px;
	padding-top: 5px;
	float: right;
	margin-right: 10px;
	}

/***************  LINKS GENERALES   *****************/	
/* Respetar el orden de los estados del link para que funcione bien*/
a:link {
	color: #000149; 
	text-decoration: none;
	}

a:visited {
	color: #fff; 
	text-decoration: none;
	}
	
a:hover {
	color: #fff; 
	text-decoration: none;
	}
	
a:active {
	color: #fff; 
	text-decoration: none;
	}
	
/*****************  MENU VERTICAL  *******************/

ul.menu-vertical {
	display: block;
	list-style: none;
	width: 137px;
	padding: 0px;
	margin-top: 60px!important;
	margin-top: 70px;
	}
	
ul.menu-vertical a {
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding-left: 23px;
	}
	
ul.menu-vertical a:link {
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	}

ul.menu-vertical a:visited {
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	}

ul.menu-vertical a:hover {
	color: #fff;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	}

ul.menu-vertical a:active {
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	}


li a.email {
	background: url(images/header_mail.gif) no-repeat center left;
	/*width: 16px;
	height: 16px;*/
	}

li a.email:hover {
	background: url(images/header_mail.gif) no-repeat center left;
	/*width: 16px;
	height: 16px;*/
	}

li a.visitas {
	background: url(images/header_libro.gif) no-repeat top left;
	/*width: 16px;
	height: 16px;*/
	}
	
li a.foro {
	background: url(images/header_foro.gif) no-repeat top left;
	/*width: 16px;
	height: 16px;*/
	}
	
li a.chat {
	background: url(images/header_chat.gif) no-repeat top left;
	/*width: 16px;
	height: 16px;*/
	}
	
	
	/*******************   MENU MAIN     ************************/
	
ul.menu-main {
	list-style: none;
	/*margin: 0px auto;*/
	width: 100%;
	text-align: left;
	margin-left: 210px;
	/*background-color: #010149;*/
	}
	
ul.menu-main li {
	display: inline;
	color: #ffffff;
	font-size:11px;
	font-weight: bold;
	}
	
ul.menu-main li a:link {
	color: #FFFFFF;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	padding-right: 5px;	
	}
	
ul.menu-main li a:visited {
	color: #fff;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	padding-right: 5px;	
	}
	
ul.menu-main li a:hover {
	color: #FFFFFF;
	font-size:11px;
	font-weight: bold;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	padding-right: 5px;	
	}
	
ul.menu-main li a:active {
	color: #ccc;
	font-size:11px;
	font-weight: bold;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	padding-right: 5px;	
	}

/***************  MENU IZQUIERDO   *****************/

.box-gallery{
	text-align: center;
	background-color:#e6e6e6;
	border: 1px solid #ccc;
	width: 120px;
	height: 120px;
	}

.box-gallery_img{
	text-align: center;
	border: 1px solid #000;
	width: 100px;
	height: 100px;
	}

.box-leftnav {
	width: 150px;
	/*background-color: #000149;*/
	}
	
.box-leftnav h1, 
ul#leftnav li.separador {
	background-color:#fff;
	color: #000149;
	font-weight: bold;
	padding: 0.3em 0.5em;
	
	}

.box-leftnav h1 {
	font-size: 13px;
	font-weight: bold;
	border-top: 1px solid #000080;
	border-right: 1px solid #000080;
	border-left: 1px solid #000080;
	width: 150;!important;
	width: 89%;
	
	}

ul#leftnav li.separador {
	font-size: 10px;
	line-height: 13px;
	height: 13px;
	border-right: 1px solid #000149;
	border-left: 1px solid #000149;
	border-top: 1px solid #000149;
	width: 138px;
	}

* html ul#leftnav li.separador {
	font-size: 10px;
	line-height: 13px;
	height: 13px;
	border-right: 1px solid #000080;
	border-left: 1px solid #000080;
	width: 150px;
	}
	
* html .box-leftnav h1 {
	background-color:#fff;
	color: #000149;
	font-size: 13px;
	font-weight: bold;
	padding: 0.3em 0.5em;
	width: 100%;
	border-top: 1px solid #000080;
	border-right: 1px solid #000080;
	border-left: 1px solid #000080;
	}

/*********************** MENU IZQUIERDO TREE ****************************/

#leftnav, 
#leftnav ul { 
		padding: 0;
		margin: 0;
		list-style: none;
		width : 150px;
		font-size: 10px;
		float:left;
	}
	
* html #leftnav, 
* html #leftnav ul { 
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 150px;
		/*width : 11em;*/
		font-size: 10px;
	}
	
	
	
#leftnav li { 
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		/*width: 11em;*/
		width : 150px;
	}
	
* html #leftnav li { 
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		/*width: 12em;*/
		width : 150px;
	}
	

#leftnav li ul { 
		position : absolute;
		left: -999em;
		margin-left : 15em;
		margin-top : -2em;
	}
	
#leftnav li ul ul { 
		left: -999em;
	}
#leftnav li ul ul ul { 
		left: -1139em;
	}

#leftnav li a {
		/*width: 11em;*/
		display : block;
		color : #fff;
		font-weight : bold;
		text-decoration : none;
		background-color : #000080;
		border : 1px solid #000080;
		padding : 0.3em 1em;
	}
	
#leftnav li a:hover {
		color : #000080;
		background-color : #fff;
	}
	
#leftnav li a.arrow-01 {
	background: url(http://www.cervecero.com.ar/images/arrow_01.jpg) no-repeat top right;
	background-color: #000080;
	}

#leftnav li span.arrow-02 {
	background: url(http://www.cervecero.com.ar/images/arrow_01.jpg) no-repeat top right;
	background-color: #000080;
	display : block;
	color : #fff;
	font-weight : bold;
	border : 1px solid #000080;
	padding : 0.3em 0.5em;
	}


#leftnav li a.arrow-01:hover {
	background: url(http://www.cervecero.com.ar/images/arrow_01_hov.jpg) no-repeat top right;
	background-color: #fff;
	}
	
* html #leftnav li a {
		display : block;
		color : #fff;
		font-weight : bold;
		text-decoration : none;
		background-color : #000080;
		border : 1px solid #000080;
		padding : 0.3em 0.5em;
	}
	

#leftnav li:hover ul ul, 
#leftnav li:hover ul ul ul, 
#leftnav li.sfhover ul ul, 
#leftnav li.sfhover ul ul ul {
		left: -999em;
	}
	
#leftnav li:hover ul, 
#leftnav li li:hover ul, 
#leftnav li li li:hover ul, 
#leftnav li.sfhover ul, 
#leftnav li li.sfhover ul, 
#leftnav li li li.sfhover ul { 
		left: auto;
	}
	


/***************  MAIN CONTENT   *****************/	
.foto_index {
	margin: 10px auto;
	text-align: center;
	background-color: #e3e3e3;
	}
	
.bajada {
	text-align: left;
	font-size: 10px;
	color: #000000;
	}

.piefoto {
	text-align: center;
	background-color: #e3e3e3;
	
	}
/***************  TITULOS   *****************/	
	
.title { 
	color: #010149; 
	font-family: verdana,arial,helvetica;
	font-size: 20px; 
	text-decoration: none }

.bartitle { color: #000149; background: #ffffff; font-family: verdana,arial,helvetica; font-weight: bold; font-size: 10px; }

.bartext { 
	color: #ffffff; 
	font-family: verdana,arial,helvetica;
	font-size: 10px; 
	text-decoration: none 
	color: rgb(255,255,255); }

.fotonegra {
	color: #000;
	font-size: 8px; 
	text-decoration: none
}
.fotoblanca {
	color: #fff;
	font-size: 8px; 
	}

/***************  LETRA BLANCA   *****************/	
.blanca0 {
	color: #fff; 
	font-size: 8px; 
	text-decoration: none
	}
	
.blanca1 {
	color: #fff; 
	font-size: 10px;
	font-weight: bold;
	text-decoration: none
	}
	
.blanca1 a:link {
	color: #fff; 
	text-decoration: none;
	}

.blanca1 a:visited {
	color: #fff; 
	text-decoration: none;
	}
	
.blanca1 a:hover {
	color: #fff; 
	text-decoration: underline;
	}
	
.blanca1 a:active {
	color: #fff; 
	text-decoration: none;
	}

.blanca2 {
	color: #fff; 
	font-size: 12px;
	}
	
.blanca3 {
	color: #fff; 
	font-size: 14px;
	}
	
.blanca4 {
	color: #fff; 
	font-size: 18px;
	font-weight: bold;
	}
	
.blanca5 {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin: 10px;
	}
	
.blanca6 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	}

.blanca30 {
	color: #ffffff; 
	font-size: 30px;
	text-decoration: none;
	}
	
		
/***************  LETRA NEGRA  *****************/	

.negra1 {
	color: #000; 
	font-size: 10px;
	text-decoration: none;
	}
	
.negra2 {
	color: #000; 
	font-size: 12px;
	text-decoration: none;
	}
	
.negra3 {
	color: #000; 
	font-size: 14px;
	text-decoration: none;
	}
	
.negra4 {
	color: #000;
	font-size: 18px;
	text-decoration: none;
	}
	
.negra5 {
	color: #000; 
	font-size: 24px;
	text-decoration: none;
	}
	
/***************  LETRA AZUL   *****************/	

.azul1 {
	color: #000149;
	font-size: 10px;
	text-decoration: none;
	}
	
.azul2 {
	color: #000149;
	font-size: 12px;
	text-decoration: none;
	}
	
.azul3 {
	color: #010149;
	font-size: 18px;
	text-decoration: none;
	}
	
.azul4 {
	color: #010149;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}
	
/*.azul4 a:link {
	color: #010149;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	}
	
.azul4 a:visited {
	color: #010149;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	}
	
.azul4 a:hover {
	color: #000149;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	}
	
.azul4 a:active {
	color: #010149;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	}
	*/
.azul5 {
	font-family: verdana,arial,helvetica;
	color: #010149;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.azul40 {
	font-family: verdana,arial,helvetica;
	color: #010149;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}
/***************  LETRA ROJA   *****************/	

.roja1 {
	color: #FF0000;
	font-size: 10px;
	}
	
.roja2 {
	color: #FF0000;
	font-size: 12px;
	}
	
.roja3 {
	color: #FF0000;
	font-size: 16px;
	}
	
.roja4 {
	color: #FF0000;
	font-size: 20px;
	}


/***************  MAIN MENU   *****************/

#main-menu {
	margin: auto;
	background-color: #000149;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	}
	
#main-menu a:link {
	color: #fff; 
	text-decoration: none;
	}

#main-menu a:visited {
	color: #fff; 
	text-decoration: none;
	}
	
#main-menu a:hover {
	color: #fff; 
	text-decoration: underline;
	}
	
#main-menu a:active {
	color: #fff; 
	text-decoration: none;
	}



/***************  BOXES   *****************/



.box-trans {
	border: 0px solid #ffffff;
	width: 150px;
	}


.box-1 {
	/*border: 1px solid #000149;*/
	width: 150px;
	background-color: #f6f5f5;
	}

.box-2 {
	/*border: 1px solid #000149;*/
	width: 150px;
	background-color: #ffffff;
	}

.box-title {
	/*background: url(images/box_title_150.jpg) no-repeat top left;*/
	background-color: #010149;
	text-transform: uppercase;
	height: 25px;
	line-height: 25px;
	}
	

.box-content {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	}
.box-noticias {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	width: 620px;
	padding-right: 10px;
	text-align: left; 
	}

.box-noticias-trans {
	background-color: #f5f5f5;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	width: 620px;
	padding-top: 0px;
	padding-right: 10px;
	text-align: left; 
	}

.box-publicidad150 {
	border: 0px solid #ffffff;
	width: 150px;
	}

.second-box {
	border-left: 1px solid #000149;
	border-right: 1px solid #000149;
	border-bottom: 1px solid #000149;
	width: 310px;
	height: 232px;
	padding-top: 2px;
	}

.video-box {
	background-color: #010149;
	border-left: 0px solid #000149;
	border-right: 0px solid #000149;
	border-bottom: 0px solid #000149;
	width: 310px;
	height: 232px;
	padding-top: 0px;
	}
	
.form-conteiner {
	margin-top: 5px;
	}

.box-2 {
	text-align: center;
	margin: auto;
	}
	
/************************  BANNERS  ******************************/

.banner-container {
padding-top:10px!important;
padding-top:5px;
clear:both;
text-align:center;
margin:0 auto 0 auto;
}

.banner-container620 {
padding-top:4px;
padding-bottom:4px;
clear:both;
width:620px!important;
width:618px;
/*background-color:#f2f2f2;*/
}

/************************  END BANNERS  ******************************/

/***********************     MAIN CONTENT  ********************************/
/**************** MAIN INFO  ******************/
.table-content {
	margin-left: 10px;
	}

.home-title {
	/*width: 620px;
	height: 20px;*/
	width:100%;
	background-color: #010149;
	text-align: left;
	border: 1px solid #010149!important;
	}

.main-title {
	/*width: 620px;*/
	height: 15px;
	background-color: #010149;
	text-align: left;
	text-transform: uppercase;
	font-size: 16px;
	margin-left:2px;
	margin-top:1px;
	}
	
.main-info {
	color: #000149;
	text-decoration: none;
	/*width: 600px;*/
	margin: 0 auto;
	float:left;
	margin-top: 0px;
	margin-left:10px;
	}

.main-info a:link {
	color: #000149;
	text-decoration: none;
	}

.main-info a:visited {
	color: #000149;
	text-decoration: none;
	}
	
.main-info a:hover {
	color: #000149;
	text-decoration: none;
	}
	
.main-info a:active {
	color: #000149;
	text-decoration: none;
	}
	
span.encabezado {
	font-size: 11px;
	font-style: italic;
	}
	

	
/****************** FOTO PPAL  *****************/	

/*.foto-ppal {
	padding: 0px;
	}
*/	
/**************** SECOND INFO  ******************/	

.borderblue {
	BORDER-RIGHT: #000149 1px solid; BORDER-TOP: #000149 1px solid; BORDER-LEFT: #000149 1px solid; BORDER-BOTTOM: #000149 1px solid; BACKGROUND-COLOR: #ffffff
}

.second-title {
	width: 300px;
	height: 25px;
	background-color: #010149;
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 3px
	
	}
	
.second-info {
	color:#000000;
	/*margin:0 auto;*/
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	text-decoration:none;
	width:280px;
	}	

table, td, tr {
	font-size: 10pt;
	font-weight: normal;
	border: none;
	}

.tdborder {
	border: 1px solid #ccc;
	}

.tdborder_negra1 {
	color: black; 
	font-size: 10px;
	border: 1px solid #ccc;
	}

.input {
	background-color: #ffffcc;
	color: #000;
	font-weight: normal;
	}
	
a:link.nav { 
	text-decoration: none; 
	color: #000000; 
	}
	
a:visited.nav { 
	text-decoration: none; 
	color: #000000; 
	}
	
a:hover.nav { 
	text-decoration: underline; 
	color: #000000; 
	}
	
.TBOX {
	font-family: Verdana,helvetica,sans-serif; font-size: 10px;height: 15;}

tdblk {
	background : #000000;
}

TH {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
P {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A:link {
	color: #000149
}
A:active {
	color: #000149
}
A:visited {
	color: #000149
}
HR {
	border-right: #ffffff 0px solid; border-top: #ffffff 1px solid; border-left: #ffffff 0px solid; border-bottom: #ffffff 0px solid; height: 0px
}
.bodyline {
	border-right: #010149 1px solid; border-top: #000149 1px solid; border-left: #000149 1px solid; border-bottom: #000149 1px solid; background-color: #ffffff;
}

TD.row1 {
	background-color: #efefef
}
TD.row2 {
	background-color: #dee3e7
}
TD.row3 {
	background-color: #ffffff
}
TD.rowpic {
	background-IMAGE: url('templates/subSilver/images/cellpic2.jpg'); background-REPEAT: repeat-y; background-color: #ffffff
}

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

/*.footer {
	background-color: #000149;
}/*

/***********************   TRANSPARENT  *****************************/


div.transbox {
  width:100%;
  height:35px;
  background-color:#000149;
  position:relative;
  bottom:-265px;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  }



 /***********************   HOME TRANSPARENT *****************************/
.home-container {
width:620px;
background-color: #cecece;
}

.home-container_white {
float:left;
width:620px;
background-color: #ffffff;
}


div.linea620 {
float:left;
width:620; 
padding-top:10px;
}

div.background {
width:100%;
height:300px;
border: 1px solid #010149!important;
border: 0px solid #010149;
}

div.hometrans620 {
width:100%;
height:35px;
background:url("images/blueline_60.png") repeat scroll 0 0 transparent;
position:relative;
bottom:-265px;
}

div.hometrans620t {
width:100%;
height:35px;
/*background:url("images/blueline_60.png") repeat scroll 0 0 transparent;*/
background:#000149;
position:relative;
}

span.hometrans620 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:25px;
color: #fff;
font-weight:bold;
margin-left:10px;
margin-bottom:1px;
}

div.hometrans620top {
width:620px;
height:15px;
background:#000149;
position:relative;
padding-top:2px;
padding-bottom:2px;
top:5px;
}

span.hometrans620top {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
margin-left:2px;
margin-top:1px;
}

div.hometrans620um {
width:100%;
height:35px;
background:url("images/blueline_60.png") repeat scroll 0 0 transparent;
position:relative;
bottom:-230px;
}

.home-bajada {
background-color: #cecece;
padding: 5px 10px 10px 10px;
width: 602px!important;
text-align: left; 
}

span.home-bajada {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color: #000000;
}

.home-container300_left {
float:left;
width:300px;
padding-right:10px;
/*background-color: #cecece;*/
}

.home-container300_right {
float:left;
width:300px;
padding-left:10px!important;
padding-left:6px;
/*background-color: #cecece;*/
}

div.background300 {
width:100%;
height:200px;
/*background-color: #cecece;*/
}

div.hometrans300 {
width:300px;
height:25px;
background:url("images/blueline_60.png") repeat scroll 0 0 transparent;
position:relative;
bottom:-136px;
}

span.hometrans300 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
color: #fff;
font-weight:bold;
margin-left:10px;
margin-bottom:1px;
}

div.hometrans300top {
width:300px;
height:15px;
background:#000149;
position:relative;
padding-top:2px;
padding-bottom:2px;
}

span.hometrans300top {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
margin-left:2px;
margin-top:1px;
}

.home-bajada300 {
background-color: #cecece;
padding: 5px 10px 8px 10px;
width: 280px!important;
width: 300px;
text-align: left; 
}

.home-container200 {
float:left;
width:200px!important;
width:190px;
/*padding-right:5px;*/
}

div.hometrans200 {
width:200px!important;

height:20px;
background:url("images/blueline_60.png") repeat scroll 0 0 transparent;
position:relative;
bottom:-111px;
}

span.hometrans200 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color: #fff;
font-weight:bold;
margin-left:10px;
margin-bottom:1px;
}

div.hometrans200top {
width:200px;
height:15px;
background:#000149;
position:relative;
padding-top:2px;
padding-bottom:2px;
}

span.hometrans200top {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
margin-left:2px;
margin-top:1px;
}

.home-bajada200 {
background-color: #cecece;
padding: 2px 10px 2px 10px;
height:50px;
width: 180px!important;
width: 200px;
text-align: left; 
}

span.bajada200 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color: #000000;
}

div.separador_vertical {
float:left; 
width:10px!important;
width:8px;
}

div.separador_vertical5 {
float:left; 
width:5px;
}

div.separador_vertical108 {
float:left; 
width:10px!important;
width:10px;
}

div.separador_horizontal {
float:left; 
height:10px!important;
height:0px;
width:10px;
}

div.separador_horizontal5 {
float:left; 
height:5px!important;
height:2px;
width:10px;
}

.home-container100 {
float:left;
width:90px;
/*padding-right:5px;*/
}

div.hometrans100 {
width:95px;
height:12px;
background:#000149;
/*background:url("images/blueline_60.png") repeat scroll 0 0 transparent;*/
position:relative;
bottom:-75px;
text-align: center;
}

span.hometrans100 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color: #fff;
font-weight:bold;
margin-bottom:1px;
}

div.homefotos {
 width:95; 
 height:85px;
 float:left;
}

/* HOME 200 */

.home-container200top_right {
float:left;
width:210px;
background-color: #ffffff;
}

div.hometrans200top_right {
width:210px;
height:25px;
background:url("images/blueline_60.png") repeat scroll 0 0 transparent;
position:relative;
bottom:-175px;
}

span.hometrans200top_right {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
color: #fff;
font-weight:bold;
margin-left:10px;
margin-bottom:1px;
}

.home-bajada200top_right {
background-color: #cecece;
padding: 5px 10px 8px 10px;
height:44px!important;
height:54px;
width: 192px!important;
width: 210px;
text-align: left; 
}

/* FIN HOME 200 */

/* HOME 400 */

.home-container400 {
float:left;
width:400px;
/*padding-right:10px;*/
background-color: #ffffff;
}

div.hometrans400 {
width:400px;
height:25px;
background:url("images/blueline_60.png") repeat scroll 0 0 transparent;
position:relative;
bottom:-175px;
}

span.hometrans400 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
color: #fff;
font-weight:bold;
margin-left:10px;
margin-bottom:1px;
}

div.hometrans400top {
width:400px;
height:15px;
background:#000149;
position:relative;
padding-top:2px;
padding-bottom:2px;
}

span.hometrans400top {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
margin-left:2px;
margin-top:1px;
}

.home-bajada400 {
background-color: #cecece;
padding: 5px 10px 8px 10px;
height:44px!important;
height:54px;
width: 382px!important;
width: 400px;
text-align: left; 
}


/* FIN HOME 400 */

/***********************   BOXES DERECHA *****************************/
div.boxright150 {
float:left;
width:150px;
padding-top:0px;
background:#ffffff;
border:1px solid #000149;
position:relative;
display: block;
}

div.boxright_title150 {
height:15px;
background:#000149;
padding-top:2px;
padding-bottom:2px;
width:150px;
text-align:center;
}

span.boxright_title150 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color: #fff;
text-transform:uppercase;
font-weight:bold;

}

div.boxright_escudos {
float:left;
margin-top:5px;
width:40;
height:50px;
background:#ffffff; 
}

div.boxright_vs {
float:left;
margin-top:5px;
width:60;
height:50px;
background:#ffffff; 
text-align:center;
}

div.boxright_numeros {
float:left;
margin-top:5px;
width:25;
height:50px;
}

div.boxright_guion {
float:left;
margin-top:5px;
width:17px!important;
width:14px;
height:50px; 
background:url(images/numeros/guion.gif) no-repeat;
}

div.boxright_bajada150 {
clear:both;
float:left;
background-color: #cecece; 
/*height:30px;  */
text-align: center;
width: 148px;
padding-top:0px;
}


div.separabox {
clear: both;
padding-top:5px;
}

/* BOX NOTICIA HOME */


div.home-box200 {
float:left;
width:200px;
padding-left:15px!important;
padding-left:12px;
}


div.home-box200title {
width:200px;
height:15px;
background:#000149;
position:relative;

}

span.home-box200title {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
margin-left:2px;
margin-top:1px;
}

div.home-box200title2 {
width:200px;
height:16px;
background:url("images/blueline_60.png") repeat scroll 0 0 transparent;
position:relative;
bottom:-59px;
}

div.home-box200title3 {
width:200px;
height:16px;
background:url("images/blueline_60.png") repeat scroll 0 0 transparent;
position:relative;
bottom:-74px;
}

span.home-box200title2 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color: #fff;
font-weight:bold;
margin-left:10px;
margin-bottom:1px;
}

div.home-box200bajada {
background-color: #cecece;
padding: 2px 5px 2px 10px;
height:30px;
width: 185px!important;
width: 200px;
text-align: left; 
}

span.home-box200bajada {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color: #000000;
line-height:12px;
}

*html span.home-box200bajada {
height:24px;
margin-top:3px;
}


/***************  LISTAS  *****************/
.listcontainer {
	margin-left:10px;
	text-align:left;
	text-indent:10px;
	}

.listcontainer h1 {
	width: 552px!important;
	width: 550px;
	background-color: #000149;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	height:24px;
	}

#list {
padding-left: 0;
margin-left: 0;
border: 1px solid black;
width: 550px;
}

#list li {
list-style: none;
height:16px;
/*padding: 0.25em;*/
border-top: 1px solid gray;
}

.lista-separador{
	width: 600px;
	margin-left:2px;
	text-align:left;
	text-indent:10px;
	color: #000149;
	font-size: 12px;
	text-decoration: none;
	}
#lista-separador{
padding-bottom:10px;
}
#lista-separador li {
list-style: none;
height:16px;
border-bottom: 1px solid black;
padding-bottom:2px;
padding-top:8px;
color: #000149;

}

/*************** FIN LISTAS  *****************/

/***************  FOTOS  *****************/
div.figure {
  float: left;
  width: 50%;
  /*border: thin silver solid;*/
  padding:0 10px 10px 0;
}
div.figure p {
  text-align: center;
  font-style: normal;
  margin-left:2px;
  margin-right:2px;
  /*text-indent: 2px;*/
  background-color:#C3C3C3;
}
img.scaled {
  width: 100%;
}
/***************  FIN FOTOS  *****************/

/* squad list */


ul.squadlist {
	width:600px;
	margin:15px 0 20px 0px;
	padding:0 0 1px 5px;
	float:left;
	overflow:hidden;
}

ul.squadlist li {
	margin:0 10px -1px 10px;
	padding:1px 1px 1px 0;
	border:1px solid #cccccc;
	border-left:none;
	list-style:none;
	float:left;
	height:45px;
	overflow:hidden;
	width:270px;
	display:block;
}

ul.squadlist li a {
	float:left;
	border-left:5px solid #cccccc;
	width:270px;
	padding:0 0 0 1px;
	margin:0 0 0 0;
	font-size:1.1em;
	background-color:#f2f2f2;
}

ul.squadlist li a:hover {
	text-decoration:none;
	border-left:5px solid #000149;
	float:left;
}

ul.squadlist li a img {
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;

	margin:0;
	padding:0;
	height:45px;
	width:45px;
	float:left;
}

ul.squadlist li a .squad-number {
	float:left;
	display:block;
	height:45px;
	width:32px;
	text-align:left;
	vertical-align:middle;
	line-height:45px;
	padding:0;
	background-color:#000149;
	
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}

ul.squadlist li a .squad-name {
	margin: 8px 0 0 78px!important;
	margin: 8px 0 0 8px;
	position:absolute;
	display:block;
	color:#000000;
	cursor:pointer;
	padding:0;
	font-size:12px;
}

ul.squadlist li a .squad-surname {
	display:block;
	clear:left;
	text-transform:uppercase;
	font-weight:bold;
	color:#aa0000;
	margin:-1px 0 0 0;
	padding:0;
}

ul.squadlist li a:hover .squad-surname {
	text-decoration:underline;
}

/* PLANTEL */

.titulo_ficha {
text-align:left;
width:600px;
float:left;
display:block;
background-color:#000149;
}

.titulo_ficha h2 {
font-size:14px;
height:24px;
line-height:24px;
color:#ffffff;
font-weight:bold;
}

.ficha_foto {
padding: 10px 10px 5px 10px; 
float:left;
}

.ficha_datos {
padding: 12px 5px 5px 5px;
text-align:left;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion_fecha {
	
	width: 148px!important;
	width: 150px;
	border:1px solid #000149;	
	background-color:#fff
	text-align:center;
	
}

/* accordion header */
#accordion_fecha h2 {
	
	margin:0;
	padding:5px 0px;
	font-size:10px;
	font-weight:normal;
	/*border:1px solid #fff;
	border-bottom:1px solid #ddd;*/
	cursor:pointer;	
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	
}

/* currently active header */
#accordion_fecha h2.current {
	cursor:default;
	background-color:#000149;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;

}

/* accordion pane */
#accordion_fecha .pane {
	/*border:1px solid #fff;
	border-width:0 2px;*/
	display:none;
	height:90px;
	/*padding:15px;*/
	color:#fff;
	font-size:12px;
	
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion_tabla {
	
	width: 148px!important;
	width: 150px;
	/*height: 290px;*/
	border:1px solid #000149;	
	background-color:#fff
	text-align:center;
	
}

/* accordion header */
#accordion_tabla h2 {
	
	margin:0;
	padding:5px 0px;
	font-size:10px;
	font-weight:normal;
	/*border:1px solid #fff;
	border-bottom:1px solid #ddd;*/
	cursor:pointer;	
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	
}

/* currently active header */
#accordion_tabla h2.current {
	cursor:default;
	background-color:#000149;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;

}

/* accordion pane */
#accordion_tabla .pane {
	/*border:1px solid #fff;
	border-width:0 2px;*/
	display:none;
	/*height:290px;
	padding:15px;*/
	color:#fff;
	font-size:12px;
	
}



/***************  WEBMAIL FOOTER  *****************/
/* trigger button */
#webmail {
	cursor:pointer;
}

/* mouseover state */
#webmail:hover {	
	color:#000;
}

/* tooltip styling */
.webmailtooltip {
	display:none;
	background-color:#e3e3e3;
	border-color:#000149;
	padding:10px 10px 10px 10px;
	font-size:11px;
	color:#fff;
}

.webmailtooltip a {
	color:#000080;
	font-size:10px;
	font-weight:bold;
}

.webmailtooltip a:hover {
color:#000080;
	font-size:10px;
	font-weight:bold;
}
/***************  END WEBMAIL FOOTER  *****************/