@charset "utf-8";

p{margin:1em 0;font: 90%/1.2em Verdana, Arial, Helvetica, sans-serif;}

/* =h1 */
#header h1 { text-indent: -9999px;	overflow: hidden;	margin: 0;	padding: 0;	border: 0;}
#header h1 a:link, h1 a:visited	{position:absolute; top:0; left:0; display: block;	width: 86px; height: 82px;	background: url(../images/berton_logo.jpg) top left no-repeat;	margin: 0;	padding: 0;}
#mainContent h1 {color: #555;	margin:1em 0 1em 0;
font: bold 1.8em/1.2em Arial, Helvetica, sans-serif;
letter-spacing: 0.1em; padding-bottom:1em;}	
	
/* =h2 */	
#header h2 { text-indent: -9999px;	overflow: hidden;	margin: 0;	padding: 0;	border: 0;}
#header h2 a:link, h2 a:visited	{position:absolute; top:50px; right: 0.5em; display: block;	width: 494px;	height: 12px;	background: url(../images/mainTag.jpg) top left no-repeat;	margin: 0;	padding: 0;}
.twoColHybLtHdr h2, .oneCol h2{color: #555;  font: bold 1.4em/1em Arial, Helvetica, sans-serif;	letter-spacing: 0.1em;	margin:1em 0;  padding-bottom:15px; }	

/* =h3 */	
h3{
	color: #444;
	font: bold 1em/1em Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	margin: 1em 0.5em;
}
h3 a:link{ color: #0066CC; text-decoration: none;}
h3 a:hover{	color: #0066CC;	text-decoration: none;}




/* =ul */	
#mainContent ul{ color: #666666; list-style-image: url(../images/pointerSq.gif); margin:2em; line-height: 1.5em;}
#mainContent ul ul{ list-style-image: url(../images/bullet1.gif);}
#mainContent ol{ list-style-type: decimal; margin:2em; line-height: 1.5em;}

/*#navigationMain ul { padding: 0;	margin: 0;	list-style: none;	color:#666666;}
#navigationMain li ul {  display: none;  position: absolute; top: 1.6em;   left: 0; background-color:#FFFFFF; border: solid 1px #CCCCCC; border-top:none;}
#navigationMain li > ul { top: auto;  left: auto;}
#navigationMain li:hover ul, #navigationMain li.over ul{ display: block;}*/

#nav, #nav ul {	z-index:1000;padding: 0;	margin: 0;list-style: none;}
#nav a { display: block; }
#nav li { float: left; line-height:1.6em; background-image: url(../images/separator.jpg); background-repeat: no-repeat; height: 1%;}
#nav li ul { position: absolute; left: -999em; background-color:#FFFFFF; border: solid 1px #CCCCCC; border-top:none;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}


#nav li.navCategory a{ color:#006699;}
#nav a{text-decoration: none !important;}
#nav li a{color:#666666; margin:0;	padding: 0.2em 1em;}
#nav li li a{display:block;	color:#333;	padding: 0.3em 10px;}
#nav li li a:hover{background-color: #EEEEEE; color: #006699;}


ul#bread {margin: 0 0 2em 0;}	
#sidebar1 ul.menu{margin:0; list-style-image: none;}
#sidebar1 ul.menu ul{background-color:#F5F5F5;	list-style: none;	list-style-image: none;	margin:0; 	padding: 0;	border-top: 5px solid #666666;}




/* =li */	
li{ line-height: 1.5em;}

#bread li{font-size:70%;display: inline;list-style-type: none;padding-right: 2px;}	

#nav li#navBerton:hover , #navigationMain li#navBerton.sfhover, #nav li#navProducts:hover , #nav li#navProducts.sfhover, #nav li#navSupport:hover , #nav li#navSupport.sfhover, #nav li#navResources:hover , #nav li#navResources.sfhover { background-color:#FFFFFF;}
#nav li li{display:block; float:none; background-image:none;}
#nav li#navBerton{width:5em;}
#nav li#navBerton ul, #nav li#navBerton li{width:8em;}
#nav li#navProducts{width:7em;}
#nav li#navProducts ul, #nav li#navProducts li{width:11em;}
#nav li#navSupport{width:7em;}
#nav li#navSupport ul, #nav li#navSupport li{width:12em;}
#nav li#navResources{width:7em;}
#nav li#navResources ul, #nav li#navResources li{width:10em;}

#nav li.navCategory{border-bottom:solid 1px #CCCCCC; text-transform:uppercase; padding-top:0.5em;}

#sidebar1 .menu li.selected a, 
#sidebar1 .menu li.selected a:hover, 
#sidebar1 .menu li.selected a:visited{
	cursor:text;
	background-color: #F9F8F0;
	color: #666666 !important;
	border-bottom: 1px solid #ccc;
	text-indent:15px;
	padding: 3px 0 3px 0;
}
#sidebar1 .menu li{	list-style-image: none;	color: #003366;	text-indent: 15px;	margin-top: 1em;}	
#sidebar1 .menu li li{	list-style-image: none;	color: #666666;	text-indent: 15px;	border-bottom: solid 1px #CCCCCC;	margin:0;}
#sidebar1 .menu li li a{	display:block;	width:100%;	color: #666;	background-color: #F6F6F6;	padding: 3px 0 3px 0;	text-decoration: none;}
#sidebar1 .menu li a:hover{	color: #993333;	background-color: #F6F4E8;	text-decoration: none;}

/* =a */	
a{text-decoration: none;color: #0058AC;}
a:visited {color: #0058AC;}
a:hover {color: #339BFF;text-decoration: underline;}
a:active {color: #0033CC;}

#header #search  a, #header #search  a:visited{	font: x-small Geneva, sans-serif !important;	color: White !important; 	text-decoration: none;}
#header #search  a:hover{text-decoration: underline;}

/* =input */
#search input#busqueda{	height: 14px; border:none; background: #FFFBEA;}
#loginForm input { font-size:90%; width:8em; display: block; float: right; margin-bottom:3px;}
#loginForm #loginBtn{ float:right;}
input.smallForm{ background: #FFD89F; border: 1px solid; border-color: #FFE3C8 #FF9966 #FF9966 #FFE3C8; color: #000; font-size: 10px; height: 16px;	padding: 0px; cursor:pointer;}

#header #search {
	position:absolute;
	top:5px;
	right:5px;
	float: right;
	font: x-small Geneva, sans-serif !important;
	color: White; 
	display: inline;
}
#header #search fieldset{
	display: inline;
}

#header #navigationMain {
	font: 90% Geneva, sans-serif !important;
	margin-top: 44px;
	margin-bottom:0;
	padding-left:140px;
	background-image: url(../images/topBarBackground.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-top: solid 1px black;
}
#fecha{
	margin-top:0;
	font-size: xx-small;
	left:auto;
	right:0;
	padding:10px 10px 2px 0;
	text-align:right;
	background: #FFF url(../images/headShadow.jpg) repeat-x;
	}

#loginBox{
	border: 1px solid #ccc;
	margin-bottom:1em;
	padding:0.5em;
	padding-bottom:0.5em;
}
.loginHead{
	color:#006699;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-bottom:0;
	padding-bottom:1em;
	background-image: url(images/SubrayadoTitulos.jpg);
	background-repeat: no-repeat;
	background-position:bottom left;
	width:100%;
	display:block;
}
#loginForm{
	font-size: 70%;
	padding-left:0;
	padding-right: 0.5em;
}
#loginForm td{
	text-align:right;}
#loginForm label{
	padding-left:0;
	margin-bottom:5px;
}

#loginUserId{
	text-align: center;
	padding: 2px;
	background-color: #F6F4E8;
	}
	
#loginUserId #usuario{
	color: #009900;
	}
#loginUserId #anonimo{
	color: #993333;
	}
#loginHelp{
	font-size: 0.8em;

	}
	
#loginForm fieldset{
padding:1em;
border:solid 1px #CCCCCC;}

#loginForm fieldset legend{
	font-size:140%;
	margin-left:-5px;
	margin-bottom:1em;
	padding:0 1em;
	color: #006699;
}

#loginForm label {
display: block;
float: left;
clear: left;
width: 5em;
padding-right: 1em;
text-align: right;
line-height: 1.8em;
}

#loginForm br {
clear: both;
}

#loginForm fieldset fieldset{padding:2px;
border:0;}	


.centered, .lineal td.centered{text-align:center;}
.spaced-image{margin:1em auto;}

#header #search form {
	display: inline;
}
#mainContent .compound {
	width: 80%;
	text-align: center !important;
	margin:auto;
}

#mainContent .compound img {
float: left;
margin-right:1em;

}
#mainContent .compound p {
margin: 2em;
} 

#mainContent .duoImgText {
	margin-bottom: 2em;
	width:96%;
}

#mainContent .duoImgText img {
float: left;
margin-right:1em;

}
#mainContent .duoImgText .modulo {
float: left;
margin-right:1em;

}
#mainContent .duoImgText .modulo .ziplist{
margin:0;

}
.anuncio{
	color: #B70000;
	font-weight: bold;
}

.anuncioBig{
	color: #B70000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;

}

.anuncioPositivo{
	color: green;
	font-weight: bold;
}
#mainContent .privateList {
	list-style-image: none;
	
}
#mainContent .privateList .free {
	background-image: none;
}
#mainContent .privateList li {
	text-align:justify;
	background-image: url(../images/lock.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin: 1em 0;
	background-position: 0 4px;
}
#mainContent .zipList {
	list-style-image: none;
	margin-top:0;
	
}

#mainContent .zipList li, #mainContent .duoImgText .zipList li{
	text-align:justify;
	background-image: url(../images/icoZIP.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin: 1em 0;
	background-position: 0 4px;
}
table.tarjetas {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.tarjetas th {
    text-align: center;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 1px solid #666666;
}
table.tarjetas td {
    text-align: center;
    padding: 0.1em 0.5em;
    border: 1px solid #666666;
}
table.tarjetas thead th {
	text-align: center;
	background-color: #E6E6E6;
}
table.tarjetas th.Corner {
    text-align: left;
}
#mainContent .picElement {
	margin: 8px;
	padding: 5px;
	float: left;
	height: 140px;
	width: 130px;
	border: 1px solid #CCCCCC;
	text-align: center;
}
#mainContent .shortMsg {
	margin-bottom: 40em;
}

.modulo{
	float:left;
	margin:0;
	padding:0;
}
.modulo_contenido {
	text-align: center;
	border-right: 1px dotted #CCCCCC;
	padding-top: 15px;
	padding-bottom: 15px;
}

.modulo_contenido_final {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#mainContent h2.greyBack {
	font-size: 1em;
	color: #4B4B4B;
	background-image: url(../images/backGrey.jpg) !important;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 2px;
	margin: 0 0 5px 0;
	text-align: center;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #CCCCCC;
}
.blackbox{
	background-color:#000;
	width:500px;}
	
.dialog h1{color:#DDD !important;
background-image:none !important;
padding: 15px auto 0 10px !important;
margin: 15px auto 0 0 !important;
display:block;}


/* Tabla */
table.lineal {
    border-spacing: 0px;
    border-collapse: collapse;
    border-top: 4px solid #333;
    border-bottom: 1px solid #333;
}
table.lineal th {
    text-align: left;
    font-weight: normal;
    padding: 0.2em 0.5em;
    border-top: 1px dotted #333;
	background-color:#EEE;
}
table.lineal td {
    text-align: left;
    border-top: 1px dotted #333;
    padding: 0.2em 0.5em;
}
table.lineal thead th {
    text-align: center;
    border-bottom: 1px solid #333;
}
table.lineal th.Corner {
    text-align: left;
}

dl{
	margin:0 0 1.5em;
}
dt{
	font-weight:700;
}
dd{
	padding-left:1.5em;
	margin: 0.5em 0;
}