/* Versión 1.2 de CSS para amvolumen 
Autor: Max (www.infinitum.es)
Agosto de 2010 */

/* Estructura general */
* {padding:0; margin:0;}

body {
font-family: Lucida Sans, Verdana, Trebuchet MS, Arial;
font-size: 87%;
background-color: #222;
background-image: url(../images/dos.jpg);
}

#cuerpo {
width: 95%; text-align: left; margin:auto; border-top: 0;
background-color: white; background-image: url(../images/cuerpo.gif);
background-repeat: repeat-y; background-position: left}
#cuerpo {margin-bottom: 40px}


#cabecera {
width: 100%;
background-color: #000;
height: 100px;
background-image: url(../images/cabecera.gif);
margin-top: 40px;
}
#cabezamargen {width: 80%; margin: auto}
#logo {
position: relative;
float: left;
top: -21px;
width: 300px;
z-index: 20;
left: -33px;
}

#publicidad {
float: right;
position: relative;
top: 5px;
}

#publicidad img{ border:0;}

#junta {
height: 60px; width: 100%; clear: both}

#navegacion {width: 100%}
#navegacion ul {float: none; margin: auto; width: 80%; background: #333; height: 50px; padding-top: 10px}
#navegacion ul li {display: block; float: left; list-style-type: none; background-image: url(images/off.png); background-repeat: no-repeat; width:90px; margin-left: 1%; height: 35px; text-align: center;
border: 1px solid black}
#navegacion ul li a{display: block; height: 35px}
#navegacion ul li a:visited, #navegacion ul li a:link {width: 90px; height: 35px; font-weight: bold; color: #fff; font-family: Arial; text-transform: uppercase; text-decoration: none}
#navegacion ul li a:hover, #navegacion ul li a:active {width: 90px; height: 35px; background-image: url(../images/on.png);}

#columna{
min-width: 200px;
width: 20%;
margin-left: 20px;
/*background: url(http://www.amvolumen.com/templates/new/images/columna.gif)*/;
margin-top: 20px; float: left;
}

#contenido {
letter-spacing: 0em;
line-height: 1.3em;
margin: 20px;
float: right;
width: 70%;
border-left: 3px solid #ddd;
padding-left: 15px;
}

#contenido p {margin-top: 15px; margin-bottom: 15px}

#noticias {margin: 10px; font-size: 0.8em}

#prepie {clear:both; text-align: center}
#pie {
clear: both
width: 100%;
background: #353535;
font-family: Arial; font-size: 0.8em; color: #555; font-weight: bold;
text-align: center; padding: 10px
}

#linea {background-color: #ddd;margin-bottom: 15px}
#camino {font-weight: bold;font-family: Arial, Verdana; font-size: 10px}

/* Estilos Globales */
a:hover {color: #ddd !important; background-color: #666}
a:link {text-decoration:none; border-bottom: 1px dotted #333; color: #666}
a:visited {}
a:active {}


/*estilos de joomla*/

.contentheading, .componentheading {
font-family: Arial;
text-transform: uppercase;
font-size: 1.2em;
letter-spacing: 0.2em;
margin-top: 10px;
border-bottom: 3px solid beige}
.small {
font-size: 0.8em; font-weight:bold; font-family: Trebuchet MS}
.createdate {
font-size: 0.7em; letter-spacing: 0.3em; font-family: Trebuchet MS}
.contentpaneopen {}
.contentpane {padding: 10px}

.contentdescription {margin: 15px 0}

.sectiontableheader {background: #333; color: #fff; padding: 5px}
.sectiontableentry1, .sectiontableentry2 {}
.sectiontableentry1 td, .sectiontableentry2 td {padding: 5px}
.sectiontableentry1 p, .sectiontableentry2 p{font-size: 11px}
.sectiontableentry2 {background: #ddd}

.module {border: 1px solid #353535; background-color: #fff; margin-bottom: 15px}
.module ul{padding: 5px; list-style: none}
.module ul li{padding: 4px}

.module h3{background: #353535; font-size: 0.9em; color: #fff; padding: 5px}

#overDiv {border: 1px solid black}