/*
 Template de ejemplo
*/

* { 
padding: 0;
margin: 0;
}

body {
background-color:#000000;
background-image:url(../images/fondo.jpg);
background-position:top center;
background-repeat:repeat-x;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}

#contenedor { 
margin: 0 auto;
width: 920px;
background-image:url(../images/fondo.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#000000;
}

#header {
width: 920px;
height:204px;
background-color:#000000;
background-image:url(../images/fondoheader.jpg);
background-position:top center;
background-repeat:no-repeat;
padding: 0px;
margin:auto;
}

#navegacion {
background-color:#000000;
background-image:url(../images/nav1.jpg);
background-position:top;
background-repeat:repeat-x;
position:relative;
width: 920px;
height:30px;
margin:auto;
}

#navegacion li {
display:inline-block;
list-style-type: none;
padding-left:15px;
}



#navegación .moduletable_nav{
color:#000000;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../images/nav1.jpg);
background-repeat:repeat-x;
background-position:top;
padding: 3px;
display:inline-block;
list-style:circle;
}



#otro {
background-color:#000000;
width: 920px;
height:200px;
padding-top:10px;
padding-bottom:30px;
margin:auto;
}

#publicidad {
width: 900px;
height:150px;
background-color:#000000;
float:left;
padding: 0px;
margin:0 0 10px 10px;
}

.legal {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:center;
}

.articulos {
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
line-height:1.5;
text-align:justify;
}

.testo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}

.articulos2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF9900;
line-height:1.5;
text-align:center;
}



.micro {
background-image:url(../images/micro.jpg);
background-position:top;
background-position:left;
background-repeat:no-repeat;
}

#izquierda { 
margin: 0px 0px 0px 0px;
padding: 0px;
width: 200px;
float: left;
background-color:#000000;
}

#contenido {
background-color:#000000; 
float: left;
margin: 0px 0px 0px 0px;
padding: 10px;
width: 471px;
display: inline;
}

#derecha {
background-color:#000000;
padding-left:0px;
width: 210px;
float:right;
margin: 0;
}

#footer { 
width: 900px;
text-align:center;
clear: both;
margin: 0px 0px 10px 0px;
padding: 10px;
}

#piedepag {
float:left;
margin:auto; 
width: 920px;
height: 57 px;
background-image:url(../images/pie.jpg);
background-position:top;
background-repeat:no-repeat;
}


/* Color
--------------------------------------------------------- */

#header a {
font-size:1.8em;
margin-left:230px;
}

a{
text-decoration:none;
}

#azul a{
color:#3B6EA5;
}

#azul #header a {
color:#3B6EA5;
}

#verde a{
color:#59AC03;
}

#verde #header a {
color:#59AC03;
}

#rojo a{
color:#FFffff;
}

#rojo #header a {
color:#FF3131;
}

/* Elementos
--------------------------------------------------------- */

a:hover {
color: #147;
text-decoration: underline;
}

a img{
border:0px;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color:#FF0000;
font-variant:small-caps;
font-size:16px;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited{
text-decoration: none;
}

/* Modulos
--------------------------------------------------------- */

#izquierda .moduletable_menu{
list-style:none;
text-align:left;
background-color:#000000;
margin-bottom: 10px;
margin-top:0px;
padding-top: 10px;
padding-left: 5px;
}

#derecha .moduletable_menuh{
list-style:none;
text-align:left;
background-color:#000000;
margin-bottom: 10px;
margin-top:0px;
padding-top: 10px;
padding-left: 5px;
}

#izquierda .moduletable_menu1 li{
margin:0 0 1px 0;
padding:2px 0 2px 10px;
background-image:url(../images/menu-1.jpg);
background-position:top left;
background-repeat:no-repeat;
width:185px;
display:block;
list-style-image:none;
list-style-type:none;
color:#FFFFFF;
}

#navegacion .moduletable_menu4 li{
display:inline-block;
float:left;
margin:0;
padding:2px 0 2px 10px;
width:auto;
list-style-image:none;
list-style-type:none;
color:#FFFFFF;
}


#navegacion .moduletable_menu4 li a:hover{
display:inline-block;
color:#FF9900;
background-color:#000000;
height:30px;
}



#izquierda .moduletable_menu2 li{
margin:0 0 1px 0;
padding:2px 0 2px 10px;
background-image:url(../images/menu-2.jpg);
background-position:top left;
background-repeat:no-repeat;
width:185px;
display:block;
list-style-image:none;
list-style-type:none;
color:#FFFFFF;
}

#izquierda .moduletable_menu3 li{
margin:0 0 1px 0;
padding:2px 0 2px 10px;
background-image:url(../images/menu-3.jpg);
background-position:top left;
background-repeat:no-repeat;
width:185px;
display:block;
list-style-image:none;
list-style-type:none;
color:#FFFFFF;
}


#derecha .moduletable_menuh li{
margin:0 0 1px 0;
padding:2px 0 2px 10px;
background-image:url(../images/menu-h.jpg);
background-position:top left;
background-repeat:no-repeat;
width:185px;
display:block;
list-style-image:none;
list-style-type:none;
color:#FFFFFF;
}


#izquierda .moduletable_menu li a:hover{
color:#000000;
}




#derecha .moduletable_menu, #derecha .moduletable{
text-align:left;
margin-bottom:15px;
}

.moduletable_derecha{
font-size:15px;
margin:0px;
padding:5px;
text-transform:uppercase;
color:#CCFF00;
}

.moduletable_menu1 h3{
font-size:15px;
margin:0px;
padding:5px;
text-transform:uppercase;
color:#CCFF00;
background-image:url(../images/h-3.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-top: 15px;
}

.moduletable_menu2 h3{
font-size:15px;
margin:0px;
padding:5px;
text-transform:uppercase;
color:#CCFF00;
background-image:url(../images/h-2.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-top: 15px;
}

.moduletable_menu3 h3{
font-size:15px;
margin:0px;
padding:5px;
text-transform:uppercase;
color:#CCFF00;
background-image:url(../images/h-33.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-top: 15px;
}


.moduletable_menuh h3{
font-size:15px;
margin:0px;
padding:5px;
text-transform:uppercase;
color:#000000;
background-image:url(../images/h-h.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-top: 15px;
}



#form-login {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin: 5px 0px 0px 5px;
background-color:#000000;
padding: 5px 0px 0px 15px;
border: none;
}


form#form-login fieldset { 
border: 0;
border-color: transparent; 
margin: 0em; 
padding: 0.2em;
}

form#form-login ul { padding-left: 20px; }

form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px; }

.moduletable h3{
margin: 20px 0px 0px 10px;
}



/* Contenido
--------------------------------------------------------- */

.contentheading {
font-size:1.4em;
margin:0;
color:#FFCC00;
font-weight:bold;
}

.contentheading:hover {
color:#FFCC00;
}

.componentheading{
font-size:1.4em;
margin:0;
color:#FF6600;
font-weight:bold;
padding-left:10px;
}

.contentpaneopen{
line-height:1.4em;
font-size:1.2em;
text-align:left;
padding: 0px 10px 0px 10px;
}

.contentpaneopen img{
padding: 5px 10px;
}

.readon{
font-size:0.8em;
text-align:left;
}

.contenttoc, .pagenavcounter{
margin-bottom:10px;
}

.article_separator{
display:block;
background:#474747;
height:1px;
margin:10px 60px 10px 10px;
}

small , .createdate, .modifydate{
font-family:Arial,Helvetica,Sans-Serif;
font-size:0.9em;
line-height:1.5em;
color:#777777;
padding-bottom:10px;
}

.banneritem_text, .bannerfooter_text{
padding:5px;
}

/* Menu superior
--------------------------------------------------------- */



/*galeria flow*/

#imageFlow {
		position: relative;
		width: 480px;
		height: 180px;
		left: 0%;
		top: 10%;
		background: #000;
	}
	#imageFlow .diapo {
		position: absolute;
		left: -1000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}
	#imageFlow .link {
		margin-left: -1px;
		margin-bottom: -1px;
	}
	#imageFlow .bank {
		visibility: hidden;
	}
	#imageFlow .top {
		position: absolute;
		width: 480px;
		height: 40%;
		background:#000000;
	}
	#imageFlow .text {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: 16%;
		text-align: center;
		color: #000000;
		font-family: verdana, arial, Helvetica, sans-serif;
		z-index: 1000;
	}
	#imageFlow .title {
		font-size: 0.9em;
		font-weight: bold;
	}
	#imageFlow .legend {
		font-size: 0.8em;
	}
	#imageFlow .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
	}
	#imageFlow .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	#imageFlow .arrow-left {
		position: relative;
		position: left;
	}
	#imageFlow .arrow-right {
		position: relative;
		position: right;
		right: 0px;
	}
	#imageFlow .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}
	
	
.style6 {font-size: 11px}
.style8 {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.style9 {font-size: 12px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
.style10 {font-size: 10px}
.style11 {font-size: 11px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }

.readon{
color:#000000;
background-color:#000000;
display:block;
height: 20px;
width: 100px;
padding: 2px;
background-image:url(../images/leer.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-top: 15px;
}
