/* ------------------- LAYOUT ---------------- */
body {
    background-color: lightsteelblue;
}

#wrap {
    width: 950px;
    border-width: 10px;
    background-color: white;
    margin: auto;
}

#rotulo {
    font-size: 40pt;
    font-weight: bold;
    font-family: "Maiandra GD";
    float: left;
    text-align: center;
    width: 750px;
    margin-top: 20px;
}

#intro {
    margin-left: 8px;
    width: 450px;
}

#intro p {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    font-family: "Maiandra GD";
    color: chocolate;
    font-style: italic;
}

h1 {
    margin-left: 20px;
    color: #A9183D;
    font-family: "Maiandra GD";
    font-size: 22pt;
}

#rotulos_empresas h1{
    font-family: "Maiandra GD";
    text-align: center;
    font-size: 13pt;
    color: indigo;
    margin-top: 25px;
    margin-left: 5px;
    width: 470px;
    padding: 0;
}


#title {
    background-image: url("img/fondo1.jpg");
    background-position: 0 -0.5cm;
    background-repeat: no-repeat;
    height: 125px;
    border-bottom: 5px #044297;
    color: gold;
}

#title a {
    margin: 0;
    font-size:12pt;
    color:blue;
    text-decoration:none;
    font-weight:normal;
}

#title a:hover {
    text-decoration: underline;
}


#menu_left {
    width:260px;
    float:left;
    background-color: gainsboro;
    border: 4px solid black;
    -moz-border-radius:25px;
    margin-top: 15px;
    margin-left: 10px;
}


#menu_left a:hover {
    color: aliceblue;
}


#menu_left>ul{
    list-style-type: none;
    list-style-position: outside;
    margin-left:15px;
    margin-right: 15px;
    padding-left:0;
    background-color: white;
    font-family: "Arial";
}

#menu_left>ul>li {
    margin-left:0;
    padding-left: 10px;
    font-size: 15pt;
    font-weight: bold;
    border-color: lightslategrey;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 2px;
}

#menu_left>ul>li:hover {
    background-color: lightsteelblue;
    border-width: 3px;
    border-color: #044297;
}

.box {
    padding: 3px;
    margin-bottom: 0px;
}

.box a {
    font-size: 12pt;
}

.box:hover, .box>a:hover {
    /*background-color: cadetblue;*/
    cursor:pointer;
}

#banner1{
    width: 155px;
    height: 200px;
    border: 1px black dotted;
    margin-top: 20px;
    margin-left: 10px;
}

#menu_right {
    float: right;
    padding:0;
    margin-top: -127px;
    margin-right: 10px;
    height: auto;
}

#añadir_ett {
    font-family: "Arial";
    margin-top: 20px;
    margin-left: 40px;
    text-align: center;
    width: 100px;
    font-weight: bold;
    border: 2px #A9183D solid;
    background-color: papayawhip;
}

#añadir_ett a {
    color: #A9183D;
}

#añadir_ett a:hover {
    text-decoration: none;
    color: darkcyan;
}

#menu_right label {
    width:100%;
    font-size:10pt;
    font-family: "Papyrus";
    font-weight: bold;
    color: whitesmoke;
    margin-top: 5px;
    display:block;
}

#registrate {
    color: yellowgreen;
    padding-left: 20px;
    font-size: 12pt;
}


#menu_right_empresa {
    border-width: 5px;
    border-color: darkcyan;
    border-style: double;
    margin-top: 140px;
    background-color: azure;
    height: auto;
    width: 155px;
    text-align: center;
    float:right;
}

#mis_empresas{
    font-size: 12pt;
    font-family: "Trebuchet MS";
    font-weight: bold;
    margin-top: 5px;
    display: inline-block;
}

#añadir_empresa {
    font-size: 10pt;
    font-family: "Trebuchet MS";
    font-style: italic;
    margin-bottom: 5px;
    display: inline-block;
}

#listado_empresas {
    font-size: 8pt;
    font-family: "Trebuchet MS";
    text-align: left;
    display: inline-block;
}

.titulo_menu {
    margin-top: 0;
    margin-bottom: 0;
    margin-right:0;
    margin-left: 0;
    font-size:22pt;
    text-align: center;
    color: black;
    font-family: "Bauhaus 93";
}

.secc {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 24pt;
    font-family: "Cooper Black";
    color: brown;
    text-align: center;
}


#cnt {
    margin-left: 285px;
}

#cnt_menu {
	height:50px;
}
#cnt_menu>a {
	width:20%;
	line-height:50px;
	display:inline-block;
	border:2px black solid;
	font-size:18pt;
	text-align:center;
	background-color:black; color:white;
	text-decoration:none;
}
#cnt_menu>a:hover {
	background-color:#717374;
}

#footer {
    clear: both;
    padding-top:30px;
    text-align: center;
}

#footer p {
    background-color:#B8BABA;
    font-size:12pt;
    font-weight:bold;
    padding:6px;
}

/* ---------------- LISTADOS --------------------- */

.empresa {
    border: 2px dodgerblue solid;
    -moz-border-radius: 5px;
    margin-top:15px;
    margin-left: 7px;
    padding-left:4px;
    min-height:120px;
    height: auto;
    width: 450px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    background-color: aliceblue;
}
.empresa_nombre {
    font-size:14pt;
    font-family: "Tempus Sans ITC";
    font-weight: bolder;
    color: #044297;
}

.empresa_nombre:hover {
    text-decoration: underline;
}

.empresa_url {
    color: #508B32;
    font-size: 12pt;
    font-weight: bold;
}
.empresa_dir {
    font-size: 10pt;
    font-family: Arial,Helvetica;
    display: block;
}


.empresa_tel {
    font-size:11pt;
    margin-top:3px;
    font-style:italic;
    font-weight: bold;
}
.empresa_img {
    width: 150px;
    height: 125px;
    margin-right: 25px;
}

.empresa_desc {
    font-size: 9pt;
    font-style: italic;
    display: block;
}

.empresa_img_am {
    width: 170px;
    height: 170px;
    margin-right: 25px;
}
.empresa_am {
    width: 450px;
    height: 175px;
}

.coms a {
    font-size:10pt;
    margin-left: 12px;
}


/* -------------  FORMULARIOS -------------  */

#contacto_form label, #registro_form label {
    width: 200px;
    font-size: 14pt;
    font-weight: bold;
    font-family: "Maiandra GD";
    display: block;
    margin-top: 15px;
    margin-left: 20px;
}

#contacto_form input[type="text"], #contacto_form textarea, #alta_form input[type="text"], #alta_form textarea, #alta_form select, #registro_form input[type="text"], #registro_form input[type="password"] {
    width: 300px;
    font-size: 10pt;
    font-family: "Verdana";
    margin-top: 5px;
    margin-left: 20px;
}

#contacto_form textarea {
    height: 190px;
    width: 400px;
    font-size: 10pt;
    font-family: "Verdana";
    display: block;    
}

#alta_form sup {
    font-size: 8pt;
}

#alta_form span {
    font-size: 12pt;
    font-style: italic;
    font-family: "Maiandra GD";
    margin-left: 20px;
}

#alta_form label {
    width: 300px;
    font-size: 14pt;
    font-weight: bold;
    font-family: "Maiandra GD";
    display: block;
    margin-top: 10px;
    margin-left: 20px;
}

#alta_form textarea {
    height: 190px;
    font-size: 10pt;
    font-family: "Verdana";
}

#alta_form span {
    margin-left: 20px;
    margin-right: -15px;
    font-family: "Arial";
    font-size: 12pt;
}

#contacto_res {
    background-color:#CEE3C2;
    font-size:14pt;
    color:#508B32;
    width:450px;
    margin:10px auto 40px auto;
    text-align:center;
}

/* */

.ok, .error {
    font-size:11pt;
    font-weight:bold;
    margin:5px;
    display:inline-block;
    margin-top: 25px;
    margin-left: 70px;
}

.ok {
    padding:5px;
    background-color:#98BCA3;
    border:2px #5C8D6B solid;
    color:white;
    margin-left: 40px;
}
.error {
    padding: 5px;
    background-color: #EE4D51;
    border: 2px #A9183D solid;
    color:white;    
}

.ok_alta {
    font-size: 11pt;
    font-weight: bold;
    display: inline-block;
    margin-top: 25px;
    margin-left: 10px;
    background-color:#98BCA3;
    border:2px #5C8D6B solid;
    color:white;
    text-align: center;
    width: 450px;
    padding: 5px;
}

.datos_incorrectos {
    font-size:11pt;
    font-weight:bold;
    display:inline-block;
    margin-top: 25px;
    margin-left: 80px;
    padding: 5px;
    background-color: #EE4D51;
    border: 2px #A9183D solid;
    color:white;    
}

.ok>a, .error>a {
    color:#FFFEDF;
}

/* ---------- ESTILOS COMUNES ----------- */

#menu_left a {
    color: black;
    text-decoration: none;
}

a {
    color: blue;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.afull { display: inline-block; 
        width:100%;
        font-size: 12pt;
}

.fl { float:left; }
.fr { float:right; }
.fc { margin-left:auto; margin-right:auto; }
.cle { clear:both; }

.oculto {
    visibility:hidden;
    display:none;
}
.link{text-decoration:none;cursor:pointer}
img{border:none;text-decoration:none}

/* Listado de empresas de usuario */
.s8 a{
    font-size: 9pt;
    font-weight: bold;
    color: darkviolet;
}

.s9 { font-size:9pt; } .s11 { font-size:11pt; } .s12 { font-size:12pt; } .s14 { font-size:14pt; }

.s10 {
    font-size:20pt;
    background-color: darkgrey;
    text-align: center;
    margin-top: 0;
    font-family: "Gill Sans MT";
}

.s10:hover {
    background-color: #717374;
    font-weight: bold;
}

.und { text-decoration:underline; }

.fltx { margin-left:1px;
       color: black;
       text-decoration:none;
       font-size:13pt;
}

.fltx:hover {
    color: aliceblue;
}

.textoerror {
    margin-left: 15px;
    margin-top: 20px;
    font-size: 11pt;
    font-weight: bolder;
    color: #044297;
}

#titulo_contacto, #titulo_instrucciones {
    padding: 0;
    margin-left: 20px;
    /*margin-top: -80px;*/
    width: 450px;;
}

#titulo_registro, #titulo_añadir_empresa {
    padding: 0;
    margin-left: 20px;
}

#titulo_contacto p, #titulo_registro p, #titulo_añadir_empresa p, #titulo_instrucciones p{
    font-size: 20pt;
    font-family: "Cooper Black";
    color: seagreen;
}

#contacto_enviar, #boton_registrar, #boton_alta {
    margin-left: 20px
}


#mapa {
    width: 75px;
    height: 50px;
    margin-right: 5px;
    margin-top: 125px;
}

#instrucciones {
    margin-left: 10px;
    width: 450px;
    text-align: justify;
    font-size: 13pt;
    font-family: "Arial";
}

#instrucciones p {
    font-weight: bold;
}