/* 
Fichero: 	Estilos CSS secur room 
Fecha:		11/09
Autor:		Activ Web Design
Versión:	1.1
*/

  body  {
font-family : Arial, Verdana, Geneva, sans-serif;
}

/* cabecera por idioma */
div#header_img{
position : relative;
top : -45px;
width : 780px;
height : 80px;
}

/*fin cabecera por idioma */

/* menú de navegación */
div#menu {
position : relative;
top : -40px;
height : 40px;
width : 780px;
left : 0;
font-family : 'Century Gothic';
vertical-align : top;
}
#menu a {
font-weight : bold;
color : #ffffff;
}
#menu a:hover {
text-decoration : underline;
color : #ac00de;
}
#menu ul {
display : inline;
float : right;
list-style : none;
width : 740px;
height : 20px;
left : 40px;
}
#menu ul li {
float : left;
height : 20px;
margin : 0 1px 0 0;
color : #ffffff;
font-weight : bold;
}
#menu ul li.menutext {
text-align : left;
padding-right : 30px;
}
#menu ul li.es, #menu ul li.en, #menu ul li.fr, #menu ul li.de, #menu ul li.ru {
width : 17px;
}

#menu ul li.es a {
background-image : url('/js/tinymce/plugins/imagemanager/files/es.png');
}
#menu ul li.en a {
background-image : url('/js/tinymce/plugins/imagemanager/files/en.png');
}
#menu ul li.de a {
background-image : url('/js/tinymce/plugins/imagemanager/files/de.png');
}
#menu ul li.fr a {
background-image : url('/js/tinymce/plugins/imagemanager/files/fr.png');
}
#menu ul li.ru a {
background-image : url('/js/tinymce/plugins/imagemanager/files/ru.png');
}
#menu ul li.es a:hover {
background-image : url('/js/tinymce/plugins/imagemanager/files/es_over.png');
}
#menu ul li.en a:hover {
background-image : url('/js/tinymce/plugins/imagemanager/files/en_over.png');
}
#menu ul li.de a:hover {
background-image : url('/js/tinymce/plugins/imagemanager/files/de_over.png');
}
#menu ul li.fr a:hover {
background-image : url('/js/tinymce/plugins/imagemanager/files/fr_over.png');
}
#menu ul li.ru a:hover {
background-image : url('/js/tinymce/plugins/imagemanager/files/ru_over.png');
}
div#marco {
border-style : solid;
border-color : white;
border-width : 1px;
position : relative;
top : -50px;
margin : auto;
width : 770px;
height : 390px;
vertical-align : top;
background-color : #000000;
}
div#slider_ancho {
float : left;
width : 52%;
height : 390px;
vertical-align : top;
}
div#texto_estrecho {
float : left;
width : 45%;
height : 380px;
vertical-align : top;
padding : 5px 10px 0 10px;
background-color : #000000;
overflow : hidden;
line-height : 150%;
}
div#marco_menu {
position : absolute;
margin: 0px auto 0px auto;
padding: 0px;
width: 360px;
height : 25px;
top : 355px;
font-size:11px;
line-height: 115%;}

div#datos_contacto {
position : relative;
top : -40px;
margin : auto;
padding : 5px 0 10px 0;
width : 770px;
height : 90px;
text-align : right;
line-height: 150%;
background: url('/js/tinymce/plugins/imagemanager/files/mad_logo.png') no-repeat top left;
}
div#logo{
position : relative;
top : -5px;
width:150px;
float:left;
text-align:left;
}
div#telefono{
float:left;
width:620px;
text-align : right;
line-height: 300%;	
height : 80px;
vertical-align:text-bottom;
}
div#pie {
position : relative;
top : -70px;
margin : auto;
width : 770px;
height : 250px;
color : #ffffff;
vertical-align : text-top;
font-size : 12px;
left : 0;
}
#pie a {
font-weight : bold;
color : #ffffff;
}
#pie a:hover {
font-weight : bold;
color : #ac00de;
}
div#aviso {
float : left;
width : 80px;
padding-bottom : 5px;
height : 65px;
text-align : left;
}
div#copyright {
float : left;
width : 570px;
height : 65px;
text-align : center;
}
div#activ {
float : left;
width : 120px;
height : 65px;
text-align : right;
}
h1 {
text-align : center;
color : #ac00de;
font-size : 22px;
vertical-align : top;
line-height : 150%;
font-weight : normal;
font-family : 'Century Gothic';
}
h1 a:link {
color : #ac00de;
}
p {
text-align : justify;
}
p a:link {
font-weight : bold;
color : #ac00de;
text-decoration : underline;
}
p a:visited {
font-weight : bold;
color : #c0c0c0;
text-decoration : underline;
}
p.texto_main {
font-size : 11px;
color : #ffffff;
line-height : 130%;
vertical-align : top;
}
p.texto_negro {
color : #ffffff;
font-size : 18px;
text-align : center;
line-height : 150%;
}
p.texto_error {
color : #ac00de;
font-size : 10px;
}
p.texto_popup {
vertical-align : middle;
}
p.texto_popup a {
font-size : 11px;
font-weight : normal;
line-height : 130%;
vertical-align : top;
text-decoration : none;
}
.menu_pie {
float : left;
margin : auto;
height : 25px;
padding : 0 3px 0 3px;
font-size : 11px;
font-weight : bold;
line-height : 110%;
text-align : center;
color : #ac00de;
}
.menu_pie a {
text-decoration : underline;
}
.menu_pie a:visited {
color : #c0c0c0;
}
.texto_securroom, .texto_securroom a {
color : #ac00de;
font-size : 11px;
font-weight : bold;
} 

.texto_securroom_grande {
color : #ac00de;
font-size : 16px;
font-weight : bold;
}

.texto_securroom_mediano {
color : #ac00de;
font-size : 14px;
font-weight :normal ;
}

.texto_blanco {
color : #ffffff;
font-family : 'Century Gothic';
font-size : 24px;
}
.texto_morado {
color : #ac00de;
}
.texto_morado_grande {
color : #ac00de;
font-family : 'Century Gothic';
font-size : 24px;
}
.texto_bold {
font-weight : bold;
color : #ffffff;
}
.addressFooter {
color : #ffffff;
vertical-align : text-top;
font-family : 'Century Gothic';
font-size : 11px;
}
.addressFooter a {
font-weight : bold;
color : #ffffff;
}
.addressFooter a:hover, .enlace_actual {
font-weight : bold;
color : #ac00de;
}

p.texto_grande {
font-size : 16px;
color : #ffffff;
line-height : 140%;
vertical-align : top;
}

div#popup1, div#popup2, div#popup3, div#popup4 {
float : left;
overflow : visible;
padding : 3px;
max-width : 80px;
text-align : center;
text-decoration : none;
line-height : 110%;
}
div#popup1 a, div#popup2 a, div#popup3 a, div#popup4 a {
font-weight : bold;
color : #ac00de;
vertical-align : middle;
text-decoration : none;
}
div#popup1 a span, div#popup2 a span, div#popup3 a span, div#popup4 a span {
display : none;
}
div#popup1 a:hover span, div#popup2 a:hover span, div#popup3 a:hover span, div#popup4 a:hover span {
display : block;
position : absolute;
top : -310px;
left : 0;
width : 350px;
height : 290px;
z-index : 100;
background : #000000;
font-weight : normal;
line-height : 150%;
color : #FFFFFF;
text-align : justify;
text-decoration : none;
}
div#texto_estrecho ul{margin-left:20px;list-style-type: none;}
div#texto_estrecho ul, div#texto_estrecho ul li, {color:#FFFFFF;line-height:120%;}
div#slider ul{margin-top:30px;margin-left:20px;list-style-type: none;}
div#slider ul li, div#slider ul li a {color:#FFFFFF;font-size:14px;font-weight:bold;line-height:160%;}
div#slider ul li a:hover {color:#ac00de;text-decoration : underline;} 
div#slider ul li a:visited {color:#c0c0c0;}