﻿@charset "UTF-8";
/* Partes Comunes */

body{
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
	text-align: center;
}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin: 0px;
	padding: 0px;
}

h1{
	padding: 0px 0px 8px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f30830;
	font-size: 14px;
	margin: 0px;
	font-weight: 500;
}

p{
	margin: 0px;
	padding: 5px 0px;
}

a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #818181;
	text-decoration: none;
	font-size: 11px;
}

a:hover{
	color: #f30830;
}

.ac{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #818181;
	text-decoration: none;
	font-size: 10px;
}

.ac:hover{
	color: #f30830;
}

.contrakt{
	color: #f30830;
	text-decoration: none;
	font-size: 11px;
}

#contenedor_flash{
	position: relative;
	top: 31px;
	text-align: center;
	width: 800px;
	margin: 0px auto;
	z-index: 1;
}

#contenedor{
	position: relative;
	top: 60px;
	z-index: 1;
	margin: 0px auto;
	text-align: left;
	width: 800px;
	height: 530px;
	background: url(../images/bg.png);
}

/* Cabecera de la pagina */

#cabecera{
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 0px;
	width: 800px;
	height: 120px;
}

#logotipo{
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 15px;
}

/* Menu superior */

#menu_sup{
	position: absolute;
	z-index: 1;
	top: 140px;
	left: 0px;
	width: 800px;
	background: url(../images/menu_sup.png);
	height: 33px;
}

#menu_sup ul{
	margin: 1px 0px 0px 75px;
	list-style: none;
}

#menu_sup li{
	float: left;
    display: inline;
	list-style-type: none;
	overflow: hidden;
	width: 129px;
	text-align: center;
	margin-left: 1px;
}

#menu_sup li:hover{
	background: #eaeaea;
}

#menu_sup a{
	display: block;
    text-decoration: none;
	color: #424242;
	padding: 9px 0px;
}

/* Contenido de la pagina */

#que_es{
	position: absolute;
	top: 200px;
	left: 15px;
	z-index: 1;
	overflow: hidden;
	width: 308px;
}

#mapa{
	position: absolute;
	z-index: 1;
	top: 203px;
	right: 5px;
}

/* Pie de la pagina */

#pie{
	position: absolute;
	z-index: 1;
	top: 510px;
	right: 14px;
}

#telemaco{
	position: absolute;
	z-index: 1;
	top: 511px;
	left: 14px;
}

/* Menu de Servicios */

#servicios{
	position: absolute;
	top: 300px;
	left: 15px;
	z-index: 1;
	background: url(../images/servicios.png);
	width: 175px;
	padding: 8px 0px 7px 0px;
	text-align: center;
}

#serv{
	position: absolute;
	top: 341px;
	left: 30px;
	z-index: 1;
}

#servicios_rus{
	position: absolute;
	top: 313px;
	left: 15px;
	z-index: 1;
	background: url(../images/servicios.png);
	width: 175px;
	padding: 8px 0px 7px 0px;
	text-align: center;
}

#serv_rus{
	position: absolute;
	top: 354px;
	left: 30px;
	z-index: 1;
}

#servicios2{
	position: absolute;
	top: 178px;
	left: 15px;
	z-index: 1;
	background: url(../images/servicios.png);
	width: 175px;
	padding: 8px 0px 7px 0px;
	text-align: center;
}

#serv2{
	position: absolute;
	top: 218px;
	left: 25px;
	z-index: 1;
}

#cam{
	position: absolute;
	z-index: 1;
	top: 179px;
	right: 6px;
}

/* Apartados - Servicios */

#cabecera2{
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 0px;
	width: 695px;
	height: 100px;
}

#logotipo2{
	position: absolute;
	z-index: 2;
	top: 21px;
	right: 0px;
}

#menu_sup2{
	position: absolute;
	z-index: 1;
	top: 120px;
	left: 0px;
	width: 800px;
	background: url(../images/menu_sup.png);
	height: 33px;
}

#menu_sup2 ul{
	margin: 1px 0px 0px 75px;
	list-style: none;
}

#menu_sup2 li{
	float: left;
    display: inline;
	list-style-type: none;
	overflow: hidden;
	width: 129px;
	text-align: center;
	margin-left: 1px;
}

#menu_sup2 li:hover{
	background: #eaeaea;
}

#menu_sup2 a{
	display: block;
    text-decoration: none;
	color: #424242;
	padding: 9px 0px;
}

#activo{
	float: left;
    display: inline;
	list-style-type: none;
	overflow: hidden;
	width: 129px;
	text-align: center;
	margin-left: 1px;
	background: #eaeaea;
}

#cam2{
	position: absolute;
	z-index: 1;
	top: 161px;
	right: 6px;
}

#texto_servicios1{
	position: absolute;
	z-index: 1;
	width: 552px;
	overflow: hidden;
	height: 293px;
	top: 189px;
	left: 220px;
	visibility: visible;	
}

#texto_servicios2{
	position: absolute;
	z-index: 1;
	width: 552px;
	overflow: hidden;
	height: 293px;
	top: 189px;
	left: 220px;
	visibility: hidden;
}

#texto_servicios3{
	position: absolute;
	z-index: 1;
	width: 532px;
	overflow: hidden;
	height: 293px;
	top: 185px;
	left: 235px;	
}

#flecha{
	position: absolute;
	z-index: 1;
	top: 456px;
	left: 777px;
}

#flecha2{
	position: absolute;
	z-index: 1;
	top: 471px;
	left: 777px;
}

.s{
	color: #424242;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.s:hover{
	color: #424242;
}

.box_contacto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757;
	width: 190px;
	padding: 3px 5px;
	border: 1px solid #c0c0c0;
	background: #ffffff;
	overflow: hidden;
}

.box_contacto2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757;
	width: 300px;
	padding: 5px;
	height: 120px;
	border: 1px solid #c0c0c0;
	background: #ffffff;
	overflow: hidden;
}

.boton_contacto{
	width: 120px;
	border: 0px;
	padding: 5px 0px;
	text-align: center;
	background: url(../images/boton_contacto.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757;
	cursor: pointer;
}

.boton_contacto:hover{
	background: url(../images/boton_contacto2.png);
}

#lista{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#lista li{
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 11px 0px;
}

#lista a{
	text-decoration: none;
	color: #424242;
}

#const{
	position: absolute;
	z-index: 1;
	top: 250px;
	left: 50px;
	width: 700px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #424242;
	font-weight: 600;
	text-align: center;
}

