@media(min-width:918px){

@font-face{
	font-family: fuente;
	src: url(../fuente/lionel_text.ttf);
}

html,body{
	margin:0px;
	padding:0px;
	font-family:fuente;
	background-image:url(../imagenes/fondo_pagina.png);
	background-repeat:repeat;
}

#contenedor{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background: -webkit-linear-gradient(#9b9b9b,#eeeeee, #eeeeee);
	background: -o-linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	background: -moz-linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	background: -ms-linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	background: linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	
	box-shadow: 3px 3px 5px black;
	-moz-box-shadow: 3px 3px 3px black;
	-webkit-box-shadow: 3px 3px 5px black;
}

header{
	width:900px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../imagenes/cabecera.png);
}

/* ------------------------------ MENU ------------------------------------------------------- */

nav{
	width:900px;
	margin-top:15px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
}

nav a{
	height:40px;
	text-decoration:none;
	float:left;
	margin-left:5px;
	margin-right:5px;
}


#menu1{
	margin-left:15px;
	width:155px;
	height:45px;
	background-image:url(../imagenes/menu/boton1.png);
	background-repeat:no-repeat;
}

#menu2{
	width:178px;
	height:45px;
	background-image:url(../imagenes/menu/boton2.png);
	background-repeat:no-repeat;
}

#menu3{
	width:178px;
	height:45px;
	background-image:url(../imagenes/menu/boton3.png);
	background-repeat:no-repeat;
}


#menu4{
	width:155px;
	height:45px;
	background-image:url(../imagenes/menu/boton4.png);
	background-repeat:no-repeat;
}

#menu5{
	width:156px;
	height:44px;
	background-image:url(../imagenes/menu/boton5.png);
	background-repeat:no-repeat;
}

/* --------------------------------- CONTENIDO --------------------------------------------------- */

#contenido,#contenido2,#contenido3,#contenido4,#contenido5,,#contenido6{
width:900px;
min-height:400px;
margin-left:auto;
margin-right:auto;
}

#contenido2{
	height:450px;
	background-image:url(../imagenes/fondos_contenido/fondocontenido_2.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contenido3{
	height:520px;
	background-image:url(../imagenes/fondos_contenido/fondocontenido_3.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contenido4{
	background-image:url(../imagenes/fondos_contenido/fondocontenido_4.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contenido5{
	background-image:url(../imagenes/fondos_contenido/fondocontenido_5.png);
	background-repeat:no-repeat;
	background-position:center;
	min-height:850px;
}

#contenido6{
	background-image:url(../imagenes/fondos_contenido/fondocontenido_5.png);
	background-repeat:no-repeat;
	background-position:center;
	min-height:700px;
}

#textosA,#textosS,#mapas{
	height:400px;
}

#texto_presentacion{
	height:300px;
}


/* -------------------------------------- MAPA WEB ----------------------------------------------*/

footer{
width:900px;
height:416px;
background-image:url(../imagenes/mapaweb/mapa_web.png);
color:white;
}

#mapa_superior{ /* div con la imagen superior (email y telefono) */
	margin-left:auto;
	margin-right:auto;
	width:850px;
	height:50px;
	font-size:19px;
	font-weight:100;
	text-shadow: #6f6f6f 0.1em 0.1em 0.5em;
	border-bottom:4px solid #36a862;
}

#mapa_superior img{
float:right;
margin-right:10px;
margin-top:15px;

}


#email{
	float:left;
}
#telefono{
	float:right;
}

#mapa_logo{ /* div con el logo */
float:left;
margin-left:-180px;
margin-top:19px;
}

#indice{
margin-top:110px;
margin-left:30px;
}

.titulo a,.subtitulo a{
	text-decoration:none;
	color:white;
	text-shadow: #6f6f6f 0.1em 0.1em 0.5em;
}

.titulo{
font-size:18px;
margin-bottom:10px;
}

.titulo a:hover,.subtitulo a:hover{
	text-decoration:underline;
	color:#36a862;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

.titulo a:visited,.subtitulo a:visited{
	text-decoration:none;
}

.subtitulo{
font-size:19px;
margin-top:-15px;
width:600px;
}

.subtitulo li{
list-style-type:none;
display:inline;
margin-right:30px;
}

#colaboracion{
	float:right;
	margin-top:-95px;
	margin-right:10px;
}

#colaboracion p{
	margin-bottom:5px;
	color:#36a862;
	font-size:19px;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

#colaboracion img{
	float:right;
}

#aviso_legal p{
	margin:0px;
	padding:0px;
	font-size:15px;
	font-weight:;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
	margin-top:35px;
}

#aviso_legal a{
	font-size:15.4px;
	color:#2D8E53;
	text-decoration:none;
	letter-spacing:1.1px;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

#aviso_legal a:hover{
	color:#2D8E53;
	text-decoration:underline;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

/* ---------------------------- 1- PRESENTACION --------------------------------------------------- */
#foto_presentacion img{
	width:750px;
	height:340px;
	border-radius:6px;
}



#foto_presentacion{
	width:750px;
	height:340px;
	border:2px solid #36a862;
	border-radius:8px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	
	box-shadow: 3px 3px 3px grey;
	-moz-box-shadow: 3px 3px 3px grey;
	-webkit-box-shadow: 3px 3px 3px grey;
}

#texto_presentacion{
	margin-left:auto;
	margin-right:auto;
	margin-left:70px;
	margin-bottom:30px;
	width:780px;
	text-align:left;
	color:#545454;
	font-size:1.2em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

#texto_presentacion p{
	margin-top:30px;
}


/* ---------------------------- 2- QUIENES SOMOS --------------------------------------------------- */

#lsabogados{
list-style-type:none;
margin:80px 0px 80px 0px;
}

#lsabogados li{
	color:#545454;
	font-size:1.5em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
	margin:30px 0px 30px 20px;
}


.emailabogados{
	font-size:25px;
	color:#36a862;
}

/* ---------------------------- 3- QUE OFRECEMOS --------------------------------------------------- */
/*------------ TITULO --------*/


#titulo h2{
	color: #36a862;
	width:800px;
	text-align:left;
	text-shadow: #a8a8a8 0.1em 0.1em 0.1em;
	border-bottom:3px solid #36a862;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
}


/* ------------TEXTO SUPERIOR -------------*/
#texto_superior{
	margin-left:50px;
	margin-top:35px;
	width:800px;
	text-align:left;
	color:#545454;
	font-size:1.2em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
}
/* -------------- SUBMENU -----------------*/

.submenu{
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.submenu > li {
  position: relative;
  display: block;
}
.submenu > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  text-shadow: #cccccc 0.1em 0.1em 0.1em;
}
.submenu > li > a:hover,
.submenu > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.submenu > li.disabled > a {
  color: #36a862;
}
.submenu > li.disabled > a:hover,
.submenu > li.disabled > a:focus {
  color: #36a862;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.etiquetas{
  border-bottom: 0.1em solid #36a862;
  margin-top:60px;
  width:800px;
  margin-left:auto;
	margin-right:auto;
}


.etiquetas> li {
  float: left;
  margin-bottom: -1px;
  color: #36a862;
  font-size:20px;
  width:150px;
  font-family: fuente;
}
.etiquetas > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #36a862;
  text-align:center;
  text-shadow: #cccccc 0.1em 0.1em 0.1em;
}
.etiquetas > li > a:hover {
  border-color: #eee #eee #ddd;
}
.etiquetas > li.active > a,
.etiquetas > li.active > a:hover,
.etiquetas> li.active > a:focus {
  color: #36a862;
  background-color:#eeeeee;
  font-size:20px;
  cursor: default;

  border: 3px solid #36a862;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-color: transparent;
}
.etiquetas.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.etiquetas.nav-justified > li {
  float: none;
}
.etiquetas.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.etiquetas.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .etiquetas.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .etiquetas.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.etiquetas.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.etiquetas.nav-justified > .active > a,
.etiquetas.nav-justified > .active > a:hover,
.etiquetas.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .etiquetas.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .etiquetas.nav-justified > .active > a,
  .etiquetas.nav-justified > .active > a:hover,
  .etiquetas.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.etiquetas .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.submenu:after,
.modal-footer:after {
  display: table;
  content: " ";
}
.submenu:after,
.modal-footer:after {
  clear: both;
}

/* -------------- TEXTOS--------------*/
#textoS1,#textoS2,#textoS3,#textoS4,#textoS5{
	position:absolute;
	margin-left:100px;
	width:700px;
	text-align:left;
	color:#545454;
	font-size:1.1em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
	border-top-left-radius:8px;
	border-top-right-radius:8px;

}

.resaltado{
	color:#36a862;
}


#textosS ul{
	float:left;
	font-size:1.2em;
	margin-left:30px;
}

/* ---------------------------- 4.- UBICACION --------------------------------------------------- */


#mapas{
	width:850px;
	margin:50px auto 60px auto;
}

.recuadros{
	float:left;
	width:380px;
	height:380px;
	border:3px solid #36a862;
	border-radius:3px;
	box-shadow: 1px 1px 5px black;
	-moz-box-shadow: 1px 1px 5px black;
	-webkit-box-shadow: 1px 1px 5px black;
	margin-left:27px;
}

#exterior{
	background-image:url(../imagenes/4_ubicacion/imagen_exterior.png);
}

/* ---------------------------- 5.- CONTACTO --------------------------------------------------- */
/* -------------------- formulario CONSULTAS ----------------------*/

#formulario{
	width:850px;
	margin:40px auto 0px auto;
}

form ul{
	list-style-type:none;
}

form li{
	margin:10px 0px 10px 20px;
}

label{
	display: block;
	float:left;
	font-size:24px;
	color:#36a862;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
	width:20%;
}


input,textarea{
	font-size:21px;
	font-family:fuente;
	padding-left:5px;
}


input{
height:30px;
}

textarea{
	height:350px;
	max-height:350px;
	min-height:350px;
	
	width:500px;
	max-width:500px;
	min-width:500px;
}

#enviar{
	width:155px;
	height:45px;
	background-image:url(../imagenes/boton_enviar.png);
	background-repeat:no-repeat;
	border:0px;
}

#enviar:hover{
	width:155px;
	height:45px;
	background-image:url(../imagenes/boton_enviar_h.png);
	border:0px;
}

#aviso{
	width:800px;
	font-size:20px;
	color:#545454;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
	margin-left:120px;
}

#boton_enviar{
	width:800px;
	margin-left:300px;
}

input[type=checkbox]
{
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}


#formulario a{
	text-decoration:none;
	color:#36a862;
}


#formulario a:hover{
	text-decoration:underline;
	color:#36a862;
}

#formulario a:visited{
	text-decoration:none;
}

#captcha{
	width:800px;
	margin-left:220px;
}

.resultadoEmail{
	color:#36a862;
	text-shadow: #a5a5a5 1px 1px 1px;
	margin:80px 0px 0px 20px;
	font-size:30px;
}

/* ---------------------------- AVISO LEGAL --------------------------------------------------- */

.titulos{
	color:#36a862;
	text-shadow: #a5a5a5 0.5px 0.5px 0.5px;
	margin:40px 0px 0px 20px;
}

.parrafos{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:left;
	color:#545454;
	font-size:20px;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
}

}

@media(min-width:560px) and (max-width:917px){

@font-face{
	font-family: fuente;
	src: url(../fuente/lionel_text.ttf);
}

html,body{
	margin:0px;
	padding:0px;
	font-family:fuente;
	background-image:url(../imagenes/fondo_pagina.png);
	background-repeat:repeat;
}

#contenedor{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	background: -webkit-linear-gradient(#9b9b9b,#eeeeee, #eeeeee);
	background: -o-linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	background: -moz-linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	background: -ms-linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	background: linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	
	box-shadow: 3px 3px 5px black;
	-moz-box-shadow: 3px 3px 3px black;
	-webkit-box-shadow: 3px 3px 5px black;
}

header{
	width:100%;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../imagenes/cabecera.png);
}

/* ------------------------------ MENU ------------------------------------------------------- */

#boton_menu{
	display:block;
	width:290px;
	height:45px;
	background-image:url(../imagenes/menu/boton_menu.png);
	background-repeat:no-repeat;
	margin:5px 5px 2px 5px;
}

.novisible{
	display:none;
}

.visible{
	display:inline;
}

nav{
	width:100%;
	height:300px;
	margin-top:1000px;
}

nav a{
	text-decoration:none;
	float:left;
	margin-left:2px;
	margin-right:2px;
}

#menu1,#menu2,#menu3,#menu4,#menu5{
	margin-left:auto;
	margin-right:auto;
	float:left;
	margin-left:8px;
}

#menu1{
	width:155px;
	height:45px;
	background-image:url(../imagenes/menu/boton1.png);
	background-repeat:no-repeat;
}

#menu2{
	width:178px;
	height:45px;
	background-image:url(../imagenes/menu/boton2.png);
	background-repeat:no-repeat;
}

#menu3{
	width:178px;
	height:45px;
	background-image:url(../imagenes/menu/boton3.png);
	background-repeat:no-repeat;
}


#menu4{
	width:155px;
	height:45px;
	background-image:url(../imagenes/menu/boton4.png);
	background-repeat:no-repeat;
}

#menu5{
	width:156px;
	height:44px;
	background-image:url(../imagenes/menu/boton5.png);
	background-repeat:no-repeat;
}


/* --------------------------------- CONTENIDO --------------------------------------------------- */

#contenido,#contenido2,#contenido3,#contenido4,#contenido5,,#contenido6{
width:80%;
min-height:400px;
margin-left:auto;
margin-right:auto;
}

#contenido{
	min-height:700px;
	margin-left:auto;
	margin-right:auto;
}

#contenido2{
	height:420px;
	background-image:url(../imagenes/fondos_contenido/fondocontenido_2.png);
	background-repeat:no-repeat;
	background-position:top;
	margin-left:-20px;
}

#contenido3{
	height:1450px;
	background-image:url(../imagenes/fondos_contenido/fondocontenido_3.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contenido4{
	height:1080px;
	background-image:url(../imagenes/fondos_contenido/fondocontenido_4.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contenido5{
	background-image:url(../imagenes/fondos_contenido/fondocontenido_5.png);
	background-repeat:no-repeat;
	background-position:center;
	min-height:850px;
}

#contenido6{
	background-image:url(../imagenes/fondos_contenido/fondocontenido_5.png);
	background-repeat:no-repeat;
	background-position:center;
	min-height:700px;
}

#textosA,#textosS,#mapas{
	height:400px;
}

#texto_presentacion{
	height:300px;
}


/* -------------------------------------- MAPA WEB ----------------------------------------------*/

footer{
width:100%;
height:416px;
background-image:url(../imagenes/mapaweb/mapa_web.png);
color:white;
}

#mapa_superior{ /* div con la imagen superior (email y telefono) */
	margin-left:auto;
	margin-right:auto;
	width:95%;
	height:50px;
	font-size:19px;
	font-weight:100;
	text-shadow: #6f6f6f 0.1em 0.1em 0.5em;
	border-bottom:4px solid #36a862;
}

#mapa_superior img{
float:right;
margin-right:10px;
margin-top:15px;

}


#email{
	float:left;
}
#telefono{
	float:right;
}

#mapa_logo{ /* div con el logo */
float:left;
margin-left:-180px;
margin-top:19px;
}

#indice{
margin-top:110px;
margin-left:30px;
}

.titulo a,.subtitulo a{
	text-decoration:none;
	color:white;
	text-shadow: #6f6f6f 0.1em 0.1em 0.5em;
}

.titulo{
font-size:18px;
margin-bottom:10px;
}

.titulo a:hover,.subtitulo a:hover{
	text-decoration:underline;
	color:#36a862;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

.titulo a:visited,.subtitulo a:visited{
	text-decoration:none;
}

.subtitulo{
font-size:19px;
margin-top:-15px;
width:600px;
}

.subtitulo li{
list-style-type:none;
display:inline;
margin-right:30px;
}

#colaboracion{
	float:right;
	margin-top:-95px;
	margin-right:10px;
}

#colaboracion p{
	margin-bottom:5px;
	color:#36a862;
	font-size:19px;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

#colaboracion img{
	float:right;
}

#aviso_legal p{
	margin:0px;
	padding:0px;
	font-size:15px;
	font-weight:;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
	margin-top:35px;
}

#aviso_legal a{
	font-size:15.4px;
	color:#2D8E53;
	text-decoration:none;
	letter-spacing:1.1px;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

#aviso_legal a:hover{
	color:#2D8E53;
	text-decoration:underline;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

/* ---------------------------- 1- PRESENTACION --------------------------------------------------- */

#foto_presentacion{
	width:90%;
	border:2px solid #36a862;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	clear:both;
	
	box-shadow: 3px 3px 3px grey;
	-moz-box-shadow: 3px 3px 3px grey;
	-webkit-box-shadow: 3px 3px 3px grey;
}

#foto_presentacion img{
	width:100%;
	height:100%;
	border-radius:6px;
}

#texto_presentacion{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	width:90%;
	text-align:left;
	color:#545454;
	font-size:1.2em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
}

#texto_presentacion p{
	margin-top:25px;
	margin-left:5px;
}


/* ---------------------------- 2- QUIENES SOMOS --------------------------------------------------- */

#contenido2 #titulo{
	color: #36a862;
	width:290px;
	text-align:left;
	text-shadow: #a8a8a8 0.1em 0.1em 0.1em;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	margin-left:30px;
}

#lsabogados{
list-style-type:none;
}

#lsabogados li{
	color:#545454;
	font-size:20px;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
	margin-top:30px;
}


.emailabogados{
	font-size:18px;
	color:#36a862;
}

/* ---------------------------- 3- QUE OFRECEMOS --------------------------------------------------- */
/*------------ TITULO --------*/


#titulo h2{
	color: #36a862;
	width:90%;
	text-align:left;
	text-shadow: #a8a8a8 0.1em 0.1em 0.1em;
	border-bottom:3px solid #36a862;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


/* ------------TEXTO SUPERIOR -------------*/
#texto_superior{

	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	width:90%;
	text-align:left;
	color:#545454;
	font-size:1.2em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
}

#lsservicios,#textosS{
display:none;
}

#textosSresponsive{
display:inline;
}

/* -------------- SUBMENU -----------------*/

.submenu{
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.submenu > li {
  position: relative;
  display: block;
}
.submenu > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  text-shadow: #cccccc 0.1em 0.1em 0.1em;
}
.submenu > li > a:hover,
.submenu > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.submenu > li.disabled > a {
  color: #36a862;
}
.submenu > li.disabled > a:hover,
.submenu > li.disabled > a:focus {
  color: #36a862;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.etiquetas{
  border-bottom: 0.1em solid #36a862;
  margin-top:60px;
  width:800px;
  margin-left:auto;
	margin-right:auto;
}


.etiquetas> li {
  float: left;
  margin-bottom: -1px;
  color: #36a862;
  font-size:20px;
  width:150px;
  font-family: fuente;
}
.etiquetas > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #36a862;
  text-align:center;
  text-shadow: #cccccc 0.1em 0.1em 0.1em;
}
.etiquetas > li > a:hover {
  border-color: #eee #eee #ddd;
}
.etiquetas > li.active > a,
.etiquetas > li.active > a:hover,
.etiquetas> li.active > a:focus {
  color: #36a862;
  background-color:#eeeeee;
  font-size:20px;
  cursor: default;

  border: 3px solid #36a862;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-color: transparent;
}
.etiquetas.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.etiquetas.nav-justified > li {
  float: none;
}
.etiquetas.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.etiquetas.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .etiquetas.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .etiquetas.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.etiquetas.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.etiquetas.nav-justified > .active > a,
.etiquetas.nav-justified > .active > a:hover,
.etiquetas.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .etiquetas.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .etiquetas.nav-justified > .active > a,
  .etiquetas.nav-justified > .active > a:hover,
  .etiquetas.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.etiquetas .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.submenu:after,
.modal-footer:after {
  display: table;
  content: " ";
}
.submenu:after,
.modal-footer:after {
  clear: both;
}

/* -------------- TEXTOS--------------*/
#textoS1,#textoS2,#textoS3,#textoS4,#textoS5{
	width:290px;
	text-align:left;
	color:#545454;
	font-size:1.2em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.resaltado{
	color:#36a862;
}


#textosS ul{
	float:left;
	font-size:1.2em;
	margin-left:30px;
}

#contenido3 h1{
	margin-left:10px;
	font-size:30px;
}

/* ---------------------------- 4.- UBICACION --------------------------------------------------- */


#mapas{
	width:90%;
	margin-left:20px;
}

.recuadros{
	width:380px;
	height:380px;
	border:3px solid #36a862;
	border-radius:3px;
	box-shadow: 1px 1px 5px black;
	-moz-box-shadow: 1px 1px 5px black;
	-webkit-box-shadow: 1px 1px 5px black;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}

#exterior{
	background-image:url(../imagenes/4_ubicacion/imagen_exterior.png);
}

#mapaR1{
display:block;
}

#mapaR2{
display:none;
}



/* ---------------------------- 5.- CONTACTO --------------------------------------------------- */
/* -------------------- formulario CONSULTAS ----------------------*/

#formulario{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

form ul{
	width:500px;
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
}

form li{
	margin:10px 0px 10px 0px;
}

label{
	width:20%;
	display: block;
	float:left;
	font-size:20px;
	color:#36a862;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}


input,textarea{
	font-size:19px;
	font-family:fuente;
	padding-left:5px;
	width:330px;
}

input{
	height:30px;
}

textarea{
	height:200px;
	max-height:330px;
	min-height:330px;
	
	width:330px;
	max-width:330px;
	min-width:330px;
}

#enviar{
	width:155px;
	height:45px;
	background-image:url(../imagenes/boton_enviar.png);
	background-repeat:no-repeat;
	border:0px;

}

#enviar:hover{
	width:155px;
	height:45px;
	background-image:url(../imagenes/boton_enviar_h.png);
	border:0px;
}

#aviso{
	width:100%;
	color:#545454;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
	font-size:19px;
	margin-left:auto;
	margin-right:auto;
}

#boton_enviar{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}

#boton_enviar input{
	margin-left:80px;

}

input[type=checkbox]
{
	width:100%;
  -ms-transform: scale(1); /* IE */
  -moz-transform: scale(1); /* FF */
  -webkit-transform: scale(1); /* Safari and Chrome */
  -o-transform: scale(1); /* Opera */
}

#recaptcha_widget_div{
width:300px;
margin-left:auto;
margin-right:auto;
}

#captcha{

}

#formulario a{
	text-decoration:none;
	color:#36a862;
}


#formulario a:hover{
	text-decoration:underline;
	color:#36a862;
}

#formulario a:visited{
	text-decoration:none;
}


.resultadoEmail{
	color:#36a862;
	text-shadow: #a5a5a5 1px 1px 1px;
	margin:80px 0px 0px 20px;
	font-size:30px;
}

/* ---------------------------- AVISO LEGAL --------------------------------------------------- */

.titulos{
	color:#36a862;
	text-shadow: #a5a5a5 0.5px 0.5px 0.5px;
	margin:40px 0px 0px 20px;
}

.parrafos{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	text-align:left;
	color:#545454;
	font-size:20px;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
}

}

@media(max-width:559px){


@font-face{
	font-family: fuente;
	src: url(../fuente/lionel_text.ttf);
}

html,body{
	margin:0px;
	padding:0px;
	font-family:fuente;
	background-image:url(../imagenes/fondo_pagina.png);
	background-repeat:repeat;
}

#contenedor{
	width:304px;
	margin-left:auto;
	margin-right:auto;
	background: -webkit-linear-gradient(#9b9b9b,#eeeeee, #eeeeee);
	background: -o-linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	background: -moz-linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	background: -ms-linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	background: linear-gradient(#9b9b9b,#eeeeee,#eeeeee, #eeeeee);
	
	box-shadow: 3px 3px 5px black;
	-moz-box-shadow: 3px 3px 3px black;
	-webkit-box-shadow: 3px 3px 5px black;
}

header{
	width:304px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../imagenes/cabecera_320.png);
}

/* ------------------------------ MENU ------------------------------------------------------- */

#boton_menu{
	display:block;
	width:290px;
	height:45px;
	background-image:url(../imagenes/menu/boton_menu.png);
	background-repeat:no-repeat;
	margin:5px auto 2px auto;
}

.novisible{
display:none;
}

.visible{
display:inline;
}

nav{
	width:304px;
	margin-top:15px;
	height:240px;
}

nav a{
	text-decoration:none;
}

#menu1,#menu2,#menu3,#menu4,#menu5{
	margin-left:auto;
	margin-right:auto;
	float:left;
	margin-left:10px;
}

#menu1{
	width:155px;
	height:45px;
	background-image:url(../imagenes/menu/boton1.png);
	background-repeat:no-repeat;
}

#menu2{
	width:178px;
	height:45px;
	background-image:url(../imagenes/menu/boton2.png);
	background-repeat:no-repeat;
}

#menu3{
	width:178px;
	height:45px;
	background-image:url(../imagenes/menu/boton3.png);
	background-repeat:no-repeat;
}


#menu4{
	width:155px;
	height:45px;
	background-image:url(../imagenes/menu/boton4.png);
	background-repeat:no-repeat;
}

#menu5{
	width:156px;
	height:44px;
	background-image:url(../imagenes/menu/boton5.png);
	background-repeat:no-repeat;
	margin-bottom:20px;
}


/* --------------------------------- CONTENIDO --------------------------------------------------- */

#contenido,#contenido2,#contenido3,#contenido4,#contenido5,,#contenido6{
width:304px;
min-height:400px;
margin-left:auto;
margin-right:auto;
}

#contenido{
	min-height:700px;
	margin-left:auto;
	margin-right:auto;
}

#contenido2{
	height:420px;
	background-image:url(../imagenes/fondos_contenido/fondocontenido_2.png);
	background-repeat:no-repeat;
	background-position:top;
	margin-left:-20px;
}

#contenido3{
	height:1450px;
	background-image:url(../imagenes/fondos_contenido/fondocontenido_3.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contenido4{
	height:1000px;
	background-image:url(../imagenes/fondos_contenido/fondocontenido_4.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contenido5{
	background-image:url(../imagenes/fondos_contenido/fondocontenido_5.png);
	background-repeat:no-repeat;
	background-position:center;
	min-height:850px;
}

#contenido6{
	background-image:url(../imagenes/fondos_contenido/fondocontenido_5.png);
	background-repeat:no-repeat;
	background-position:center;
	min-height:700px;
}

#textosA,#textosS,#mapas{
	height:400px;
}

#texto_presentacion{
	height:300px;
}


/* -------------------------------------- MAPA WEB ----------------------------------------------*/

footer{
width:304px;
height:140px;
background-image:url(../imagenes/mapaweb/mapa_web.png);
color:white;
}

#mapa_superior{ /* div con la imagen superior (email y telefono) */
	margin-left:auto;
	margin-right:auto;
	width:304px;
	height:50px;
	font-size:19px;
	font-weight:100;
	text-shadow: #6f6f6f 0.1em 0.1em 0.5em;
	border-bottom:4px solid #36a862;
}

#mapa_superior img{
float:left;
margin-right:10px;
margin-top:15px;
margin-left:15px;
}


#email{
	float:left;
	margin-left:5px;
}

#telefono{
	float:left;
	clear:both;
	margin-left:5px;
}

#mapa_logo{ /* div con el logo */
display:none;
float:left;
margin-left:-240px;
margin-top:19px;
}

#indice{
display:none;
margin-top:110px;
margin-left:30px;
}

.titulo a,.subtitulo a{
	text-decoration:none;
	color:white;
	text-shadow: #6f6f6f 0.1em 0.1em 0.5em;
}

.titulo{
font-size:18px;
margin-bottom:10px;
}

.titulo a:hover,.subtitulo a:hover{
	text-decoration:underline;
	color:#36a862;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

.titulo a:visited,.subtitulo a:visited{
	text-decoration:none;
}

.subtitulo{
font-size:19px;
margin-top:-15px;
width:600px;
}

.subtitulo li{
list-style-type:none;
display:inline;
margin-right:30px;
}

#colaboracion{
	display:none;
	float:right;
	margin-top:-95px;
	margin-right:10px;
}

#colaboracion p{
	margin-bottom:5px;
	color:#36a862;
	font-size:19px;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

#colaboracion img{
	float:right;
}

#aviso_legal p{
	margin:0px;
	padding:0px;
	font-size:15px;
	font-weight:;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
	margin-top:35px;
}

#aviso_legal a{
	font-size:15.4px;
	color:#2D8E53;
	text-decoration:none;
	letter-spacing:1.1px;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

#aviso_legal a:hover{
	color:#2D8E53;
	text-decoration:underline;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}

/* ---------------------------- 1- PRESENTACION --------------------------------------------------- */
#foto_presentacion img{
	width:750px;
	height:340px;
	border-radius:6px;
}

#foto_presentacion{
	display:none;
	width:750px;
	height:340px;
	border:2px solid #36a862;
	border-radius:8px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	
	box-shadow: 3px 3px 3px grey;
	-moz-box-shadow: 3px 3px 3px grey;
	-webkit-box-shadow: 3px 3px 3px grey;
}

#texto_presentacion{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	width:290px;
	text-align:left;
	color:#545454;
	font-size:1.2em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
	clear:both;
}

#texto_presentacion p{
	margin-top:25px;
	margin-left:5px;
}


/* ---------------------------- 2- QUIENES SOMOS --------------------------------------------------- */

#contenido2 #titulo{
	color: #36a862;
	width:290px;
	text-align:left;
	text-shadow: #a8a8a8 0.1em 0.1em 0.1em;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	margin-left:30px;
}

#lsabogados{
list-style-type:none;
}

#lsabogados li{
	color:#545454;
	font-size:20px;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
	margin-top:30px;
}


.emailabogados{
	font-size:18px;
	color:#36a862;
}

/* ---------------------------- 3- QUE OFRECEMOS --------------------------------------------------- */
/*------------ TITULO --------*/


#titulo h2{
	color: #36a862;
	width:290px;
	text-align:left;
	text-shadow: #a8a8a8 0.1em 0.1em 0.1em;
	border-bottom:3px solid #36a862;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


/* ------------TEXTO SUPERIOR -------------*/
#texto_superior{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	width:290px;
	text-align:left;
	color:#545454;
	font-size:1.2em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
}

#lsservicios,#textosS{
display:none;
}

#textosSresponsive{
display:inline;
}

/* -------------- SUBMENU -----------------*/

.submenu{
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.submenu > li {
  position: relative;
  display: block;
}
.submenu > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  text-shadow: #cccccc 0.1em 0.1em 0.1em;
}
.submenu > li > a:hover,
.submenu > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.submenu > li.disabled > a {
  color: #36a862;
}
.submenu > li.disabled > a:hover,
.submenu > li.disabled > a:focus {
  color: #36a862;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.etiquetas{
  border-bottom: 0.1em solid #36a862;
  margin-top:60px;
  width:800px;
  margin-left:auto;
	margin-right:auto;
}


.etiquetas> li {
  float: left;
  margin-bottom: -1px;
  color: #36a862;
  font-size:20px;
  width:150px;
  font-family: fuente;
}
.etiquetas > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #36a862;
  text-align:center;
  text-shadow: #cccccc 0.1em 0.1em 0.1em;
}
.etiquetas > li > a:hover {
  border-color: #eee #eee #ddd;
}
.etiquetas > li.active > a,
.etiquetas > li.active > a:hover,
.etiquetas> li.active > a:focus {
  color: #36a862;
  background-color:#eeeeee;
  font-size:20px;
  cursor: default;

  border: 3px solid #36a862;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-color: transparent;
}
.etiquetas.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.etiquetas.nav-justified > li {
  float: none;
}
.etiquetas.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.etiquetas.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .etiquetas.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .etiquetas.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.etiquetas.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.etiquetas.nav-justified > .active > a,
.etiquetas.nav-justified > .active > a:hover,
.etiquetas.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .etiquetas.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .etiquetas.nav-justified > .active > a,
  .etiquetas.nav-justified > .active > a:hover,
  .etiquetas.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.etiquetas .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.submenu:after,
.modal-footer:after {
  display: table;
  content: " ";
}
.submenu:after,
.modal-footer:after {
  clear: both;
}

/* -------------- TEXTOS--------------*/
#textoS1,#textoS2,#textoS3,#textoS4,#textoS5{
	width:290px;
	text-align:left;
	color:#545454;
	font-size:1.2em;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.resaltado{
	color:#36a862;
}


#textosS ul{
	float:left;
	font-size:1.2em;
	margin-left:30px;
}

#contenido3 h1{
	margin-left:10px;
	font-size:30px;
}

/* ---------------------------- 4.- UBICACION --------------------------------------------------- */


#mapas{
	width:290px;
	margin-left:3px;
}

.recuadros{
	width:290px;
	height:290px;
	border:3px solid #36a862;
	border-radius:3px;
	box-shadow: 1px 1px 5px black;
	-moz-box-shadow: 1px 1px 5px black;
	-webkit-box-shadow: 1px 1px 5px black;
	margin-top:15px;
}

#exterior{
	background-image:url(../imagenes/4_ubicacion/imagen_exterior.png);
}

#mapaR1{
display:none;
}

#mapaR2{
display:block;
}

/* ---------------------------- 5.- CONTACTO --------------------------------------------------- */
/* -------------------- formulario CONSULTAS ----------------------*/

#formulario{
	width:290px;
}

form ul{
	list-style-type:none;
	margin-left:-30px;
}

form li{
	margin:10px 0px 10px 0px;
}

label{
	display: block;
	float:left;
	font-size:20px;
	color:#36a862;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
}


input,textarea{
	font-size:19px;
	font-family:fuente;
	padding-left:5px;
	width:270px;
}

input{
	height:30px;
}

textarea{
	height:200px;
	max-height:280px;
	min-height:280px;
	
	width:280px;
	max-width:280px;
	min-width:280px;
}

#enviar{
	width:155px;
	height:45px;
	background-image:url(../imagenes/boton_enviar.png);
	background-repeat:no-repeat;
	border:0px;
	margin-left:60px;
}

#enviar:hover{
	width:155px;
	height:45px;
	background-image:url(../imagenes/boton_enviar_h.png);
	border:0px;
}

#aviso{
	color:#545454;
	text-shadow: #a5a5a5 0.1em 0.1em 0.3em;
	font-size:19px;
}

#boton_enviar{
	width:290px;
}

input[type=checkbox]
{
  -ms-transform: scale(1); /* IE */
  -moz-transform: scale(1); /* FF */
  -webkit-transform: scale(1); /* Safari and Chrome */
  -o-transform: scale(1); /* Opera */
  padding: 10px;
}

#recaptcha_widget_div{
width:250px;
}

#captcha{
	margin-left:-15px;
}

#formulario a{
	text-decoration:none;
	color:#36a862;
}


#formulario a:hover{
	text-decoration:underline;
	color:#36a862;
}

#formulario a:visited{
	text-decoration:none;
}


.resultadoEmail{
	color:#36a862;
	text-shadow: #a5a5a5 1px 1px 1px;
	margin:80px 0px 0px 20px;
	font-size:30px;
}

/* ---------------------------- AVISO LEGAL --------------------------------------------------- */

.titulos{
	color:#36a862;
	text-shadow: #a5a5a5 0.5px 0.5px 0.5px;
	margin:40px 0px 0px 20px;
}

.parrafos{
	margin-left:auto;
	margin-right:auto;
	width:290px;
	text-align:left;
	color:#545454;
	font-size:20px;
	text-shadow: #cccccc 0.1em 0.1em 0.1em;
}

}