/* ****************** */
/* zonas genericas    */
/* ****************** */

html { overflow-y: scroll; }

body { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #color06; background-color: #color13; margin: auto; 
}

a { color: #color14; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; color: #color14; } 
a:visited { color: #color14; }
a:visited img { border-color: #color14; } 

table { font-size:1em; }

form { margin: 0; padding: 0; }
fieldset { padding: 0; }
legend { color: #color15; }
textarea { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

hr { border-top: 1px solid #color12; width: 100%; clear:both; }
blockquote { margin: 10px 5px 10px 15px; }

table.tablefixed { table-layout:fixed; width: 100%; }
table.tablefixed td { white-space: nowrap; overflow: hidden; }

table.table0 { width: 100%; margin: 0; padding: 0;
 border-width: 0; border-spacing: 0; border-collapse: collapse; }
table.table0 td { margin: 0; padding: 0; }

/* ****************** */
/* Paneles en general */
/* ****************** */

#menusup, #logo-user, #cuerpo, #pie {
	width: 1000px;
	margin: auto;
	position:relative;
}

#cabecera {
	/* width: 1000px; */
	min-width: 1000px;
	background-color: #color32; 
}

#logo-user {
	height: #topHeight;
}

#bannersup {
	height: 90px;
	/* background-color:#color07; */
	border-bottom: 1px solid #color12;
	overflow: hidden;
}
#bannersupNO:hover {
	height: auto;
}

#separa1 {
	height: 16px;
	min-width: 1000px;
	background-color: #color13;
	background: linear-gradient(#color32 , #color13);
}

#separa2 {
	height: 10px;
	min-width: 1000px;
	position:relative;
	background-color: #color13;
	z-index:10;
}

#cuerpo {
	line-height: 1.4em;
	background-color: #color01;
	/*border-radius: 10px 10px 0 0;*/
        /* box-shadow: 0px 0px 15px 5px #color05; */
}

#pie {
	font-size: 1em;
	background-color: #color12;
	z-index:10;
}

@media screen and (min-width: 1032px) {

#rell-izq {
 position: absolute;
 width: 50%;
 height: #topHeight;
 background-color: #color31;
}
#rell-der {
 position: absolute;
 left: 50%;
 width: 50%;
 height: #topHeight;
 background-color: #color12;
}
#deg-izq {
 width:16px; height:100%;
 position: absolute;
 left: -16px;
 background: linear-gradient(to left, #color01 , #color13);
}
#deg-der {
 width:16px; height:100%;
 position: absolute;
 right: -16px;
 background: linear-gradient(to right, #color01 ,#color13);
 z-index: -1;
}
#pie-izq {
 width:16px; height:100%;
 position: absolute;
 left: -16px;
 background: linear-gradient(to left, #color12 , #color13);
}
#pie-der {
 width:16px; height:100%;
 position: absolute;
 right: -16px;
 background: linear-gradient(to right, #color12 ,#color13);
}

} /* end media screen 1000px */

#mosmsg {
	display: none;
	position: absolute;
	z-index: 950;
	left: 40%;
	top: 20px;
	padding: 10px;
	color: #color14; 
	font-size: 1.2em;
	font-weight: bold;
	background-color: #color22;
	border: 1px solid #color02;
}

/* --- clases en el index.php --- */

#tabcentro {
 border-width: 0;
 border-spacing: 0;
 /* border-collapse: collapse; */
 table-layout: fixed;
 font-size: 1em;
}

td.center_A, td.center_B {
 padding: 0;
 overflow: hidden;
 vertical-align: top;
 }
td.center_A { width: 680px; }
td.center_B { width: 820px; }

div.center_A, div.center_B {
	position:relative;
	margin: 10px 5px;
}
td.right_A {
	width: 320px;
	overflow: hidden;
	background-color: #color31;
	border-left: 1px solid #color12;
}
td.right_B {
	width: 180px;
	overflow: hidden;
	background-color: #color31;
	border-left: 1px solid #color12;
}
.right_top { }
.right_center {
	margin: 10px auto;
	position:relative;
	z-index: 1;
}
.right_bot { }

.pie1 {
	padding: 10px;
}
.pie2 {
	width: 180px;
	margin: 0;
	padding: 8px 0 0 0;
	border-left:1px solid #color13;
}
.pie3, .pie3 a {
	color: #color22;
}

div.pathway {
	font-size: 0.9em;
	font-weight: bold;
	color: #colorg8;
	background-color: #color02;
	border: 1px inset #color02;
	padding: 2px 4px;
}
.center_A div.pathway {
	width: 670px;
}
.center_B div.pathway {
	width: 810px;
}

a.pathway:link, a.pathway:visited {
	color: #colorg4;
	font-weight: bold;
	text-decoration: none;
}
a.pathway:hover {
	text-decoration: underline;
}
ul.pathway {
	list-style:none; margin:0; padding:0;
}
ul.pathway li {
	display:inline;
}


/* --- zona superior --- */

#zonasup  { width: 680px; height : #topHeight; background-color: #color31; background: linear-gradient(to right, #color31 , #color12); }
#zonasup1 { width: 360px; float: left; }
#zonasup2 { width: 260px; float: right; margin: 5px; }

#zonaLogo { width: 320px; height: #topHeight; vertical-align: top; background-color: #color31; }
#logoDC   { margin: 4px 8px; }
#logoDC a { display:block; }

#searchbox { }

#search_fld {
 width: 240px;
 margin: 10px;
 padding: 2px;
 background-color: #color22;
 position: relative;
 z-index: 999;
}

input.inputbox_top {
 width: 200px;
 margin: 0 4px;
 padding: 1px;
 border-width: 0px;
 font-size: 13px;
 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
}

#div_res_search {
 width: 310px;
 position: absolute;
 left: -4px;
 top: 4px;
 z-index: 1000;
 text-align: left;
 border: 1px solid #color08;
 background-color: #color22;
 box-shadow: 4px 4px 4px rgba(32,32,32,0.5);
}

.search_no { padding: 4px; font-size: 0.9em; }

#sharebox, #sharebox1 { margin: 0 10px; overflow:hidden; }
#sharebox a, #sharebox1 a { margin:0 10px; width:32px; height:32px; display:block; float:left; overflow:hidden; }
a.shl1 { background: url("/tpl/images/share-icons2.png") 0 0 }
a.shl2 { background: url("/tpl/images/share-icons2.png") -32px 0 }
a.shl3 { background: url("/tpl/images/share-icons2.png") -64px 0 }
a.shl4 { background: url("/tpl/images/share-icons2.png") -96px 0 }
#sharespread { height:60px; }
#sharepie { width:440px; margin-left:5px; padding:8px; background-color:#color31;
 border:1px solid grey; border-bottom-width:0px; border-radius:6px 6px 0 0; position:absolute; bottom:0px; }

#menu_user {
 line-height: 1.4em;
 margin: 5px 2px;
 padding: 4px;
 /* border: 0px solid #color12; */
 overflow: hidden;
}
#menu_user div { margin-top: 10px; }

#banner1 { width: 728px; height: 90px; float: left; margin: 0px; overflow: hidden; }
#banner2 { width: 250px; height: 92px; float: left; margin:-2px 0 0 10px; overflow: hidden; }

.dib { display:inline-block; }
.vat { vertical-align:top; }
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.mt10 { margin-top:10px }
.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
.mrgButtonG { margin:10px 15px; }

.peque, a.peque, a.peque:hover, a.peque:visited {font-size: 90%; font-weight: normal; }

.componentheading { color: #color14;
	font-size: 1.3em; font-weight: bold; 
	padding: 2px 0px; margin: 15px 0 10px 0;
	border-bottom: medium solid #color23; 
}

#sidebar1 { display:none; }
@media screen and (min-width:1380px) and (min-height:760px) {
#sidebar1 { display:block; }
}