/* PAUTAS GENERALES */

html{
	height:100%;
	min-height:100%;
}

body {
	height:100%;
	min-height:100%;
    font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif;
    margin: 0px;
    background-image:url(../img/fondo2.gif);
    background-color: #e8ddf2;
}

/* SOLAPA CONTACTO */

#contacto {
	z-index:99;
	position:absolute;
	top:0px;
	right:12%;
}

/* LOS DIVS, POR ORDEN */

#contenedor{
	position:absolute;
	left:50%;
	width:1000px;
	margin-left:-500px;
	height:100%;
	min-height:100%;
	background-image:url(../img/fondointerior2.gif);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
}

#cabecera{
	padding-top:20px;
	background-image:url(../img/banda.gif);
	background-repeat:no-repeat;
	height:109px;
    color: #8a54c6;
    font-size:50px;
	font-variant:small-caps;
	text-align:left;
	border-bottom: 1px solid #c6de00;
}

#lateral{
    width: 210px;
	font: 12px;
	padding: 0 0 1px 0;
	float:left;
	background-color: #ffffff;
	color: #333;
}

#principalportada{
	float:left;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
    width: 420px;
	text-align: justify;
	height:70%;
	overflow:scroll;
	overflow-x:hidden;
	scrollbar-face-color: #e8ddf2;
	scrollbar-shadow-color: #e8ddf2;
	scrollbar-highlight-color: #e8ddf2;
	scrollbar-3dlight-color: #e8ddf2;
	scrollbar-darkshadow-color: #e8ddf2;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #FFFFFF;
}

#principalportada a{
	color:#8a54c6;
	text-decoration:none;
	}

#otroladoportada{
	padding:20px;
    width: 290px;
    float:left;
}

#pie{
	clear: both;
	position:absolute;
	bottom:0;
	font-size:10px;
	width:1000px;
	padding-top:0px;
    text-align:center;  
}

/* VARIACIONES GENERALES */

strong {
	color:#f37022;
	font-weight:normal;
	}
	
/* COLUMNA IZQUIERDA - VARIACIONES */


#cronicas {
	float:left;
	width: 210px;
	padding-top:20px;
	background-color:#FFFFFF;
}
#radio {
	float:left;
	width: 210px;
	padding-top:10px;
	background-color:#FFFFFF;
}
#campana {
	float:left;
	width: 210px;
	padding-top:7px;
	background-color:#FFFFFF;
}

/* COLUMNA CENTRO - VARIACIONES */


/* COLUMNA DERECHA - VARIACIONES */

.img-shadow {
  float:left;
  background: url(../img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 5px 0 10px 10px !important;
  margin: 10px 0 0 5px;
}

#postit {
float:left;
width:200px;
height:350px;
overflow:auto;
overflow-x: hidden;
  position: relative;
  background-color:#ccff66;
  border: 0px;
  margin: -6px 6px 6px -6px;
  padding: 30px;
  	scrollbar-face-color: #e8ddf2;
	scrollbar-shadow-color: #e8ddf2;
	scrollbar-highlight-color: #e8ddf2;
	scrollbar-3dlight-color: #e8ddf2;
	scrollbar-darkshadow-color: #e8ddf2;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #FFFFFF;
}
#titulopostit {
font-size:25px;
color:#8a54c6;
font-variant:small-caps;
}
#foto {
margin-left:260px;
}
#contenidonoticia {
width:180px;
float:left;
} 
blockquote {
background: url(../img/comillas.gif) no-repeat 0 3px;
color: #666;
padding-left: 20px;
font-style: italic;
font-size:x-large;
text-align:left;
margin-bottom: 1px;
display:block;
padding-top:5px;
}

/* PIE - VARIACIONES */


#pie a {
	text-decoration:none;
	color:#000000;
}
#pie a:hover {
	color:#8a54c6;
	background-color: #c6de00;	
}


/* MENU VARIACIONES */

.menu2{
	font-size:12px;
	margin:0px;
	z-index:100;
	background:#FFFFFF;
}
.menu2 ul {
	padding:0;
	margin:0;
	list-style-type: none;
	width:210px;
	height:180px;
}
.menu2 ul li ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	left:210px;
}
.menu2 ul li {
	float:left;
	width:210px;
	border-bottom: 1px solid #c6de00;
}
.menu2 ul li a, .menu2 ul li a:visited {
	display:block;
	float:left;
	text-decoration:none;
	color:#8a54c6;
	width:210px;
	height:25px;
	line-height:25px;
	font-size:11px;
	background:transparent;
	padding-left:10px;
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {
	width:210px;
	width:210px;
}

.menu2 table {
	border-collapse:collapse;
	border:0;
	margin:0;
	padding:0;
	font-size:1em;
	position:absolute;
	left:0;
	top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover{
	background:#c6de00;
	width:200px;
}

.menu2 ul li:hover {
	position:relative;
	z-index:90;
}

* html .menu2 ul li a:hover {
	position:relative;
	z-index:100;
}

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto;
	background:#ffffff;
	overflow:visible;
}

.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
	display:block;
	background:transparent;
	line-height:15px;
	padding:5px 0 5px 10px;
	height:auto;
	text-decoration:none;
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
	background:#c6de00;
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	left:85px;
}
.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto;
	padding:0;
	list-style-type:none;
	background:#c6de00;
}
.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
	display:block;
	background:#ffffff;
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
	background:#ffffff;
}