/* CSS Document */


/*Diseņos Generales --------------------------------------------------------*/
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #FFFFFF;
background-image: url(../img/fondo.jpg);
background-repeat: repeat-x;
background-color:#000000;
}

#contenedor {
width: 100%;
}

#contenido {
float: left;
width: 580px;
color: #000000;
}

#cabecera{
height: 123px;
}
#pie {
clear: both;
font-size: 0.80em;
text-align: center;
}

#pie a:link,
#pie a:visited,
#pie a:active {
color: #FFFFFF;
text-decoration: none;
}

#pie a:hover,
#pie a:focus {
color: #FFFFFF;
text-decoration: underline;
}


/*Diseņo Menu lateral --------------------------------------------------------*/
#menu {
float: left;
height: 675px;
background-color: #000000;
}

#menu ul {
list-style: none;
margin-top: 150px;
}

#menu li {
list-style: none;
margin: 30px 0;
width: 123px;
height: 20px;
}

#menu a,
#menu a:active {
color:#FFFFFF;
text-decoration: none;
font-weight: bold;
background-image: url(../img/boton.jpg);
background-repeat: no-repeat;
padding: 17px 50px 17px 23px;
} 

#menu a:hover {
background-image: url(../img/boton0.jpg);
}


/*Diseņo del contenido --------------------------------------------------------*/
#lateral {
float: left;
width: 112px;
height: 675px;
background-image: url(../img/lateral0.jpg);
background-repeat: no-repeat;
}

#central {
clear: right;
width: 660px;
padding-top: 45px;
}

/*Formatos de texto del contenido --------------------------------------------------------*/
#central p,
#central dl {
font-size: 0.7em;
}

#central h1{
font-size: 1.1em;
border-bottom: #000000 2px solid;
}

#central h2{
font-size: 0.9em;
color: #FF6600;
}

#central h3{
font-size: 0.7em;
}

#central a:link,
#central a:visited,
#central a:active {
color: #FF6600;
text-decoration: none;
}

#central a:hover,
#central a:focus {
color: #FF6600;
text-decoration: underline;
}

#central .columna {
float: left;
width: 250px;
margin-left: 10px;
}

#central p.destaca {
font-weight: bold;
}
/*Formatos de las IMAGENES ------------------------------------*/

#cabecera img {
position: absolute;
left: 260px;
}


.cartel1 {
position: absolute;
left: 809px;
top: 202px;
}

.cartel2 {
position: absolute;
left: 809px;
top: 352px;

}

.cartel3 {
position: absolute;
left: 809px;
top: 478px;
}

.cartel4 {
position: relative;
left: 530px;
top: -270px;
}

.cartel5 {
position: relative;
left: 530px;
top: -464px;
}

.cartel6 {
clear: both;
position: relative;
left: 530px;
top: -234px;
}

.cartel7 {
position: relative;
left: 530px;
top: -149px;
}

/*Formatos de las secciones ------------------------------------*/
.section .seccion {
width: 540px;
}

/*Formatos de la seccion servicios ------------------------------------
.holder {
width: 540px;
height: 500px;
position: relative;
}

.holder div {
width: 300px;
height: 300px;
background-color: #FFFFFF;
position: absolute;
left: 180px;
top: 75px;
z-index: 1;
}

.holder ul :hover div {
z-index: 100;
}

.holder ul {
list-style: none;
margin: 0;
padding: 0;
}

.holder li {
list-style: none;
}

.holder a {
font-size: .8em;
}*/

#section1 {
padding-right: 75px;
}

#galeria {
/*width: 540px;
height: 500px;*/
}

.imagenes {
float: left;
width: 150px;
height: 100px;
text-align: center;
margin-bottom: 10px;
}

.imagenes img {
border: #000000 5px solid;
}

div.imagenes,
div.imagenes:active,
div.imagenes:visited {
color: #666666;
font-size: 0.7em;
}

div.imagenes:hover {
background-color: #000000;
color: #FF6600;
font-weight: bold;
/*padding: 10px 20px;*/
}

#tfno {
width: 271px;
height: 104px;
background-image: url(../img/tfno.jpg);
position: absolute;
top: 65px;
left: 600px;
}