
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/./imagenes-gallery-vertical.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#gallery {
	/*width:400px;
	height:550px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:#fff;*/
}

#gallery #slides {position:absolute;left:800px; top:0; height:650px; width:60px; overflow:hidden; text-align:center; z-index:500;}
#gallery #slides div {width:92px; height:650px; position:relative; padding-top:10px;}
#gallery #slides div ul {padding:0; margin:0; list-style:none; width:60px; height:550px}
#gallery #slides div ul li {float:left; padding:1px 0; width:60px; height:69px;}
#gallery #slides div ul li a {display:block; width:60px; height:69px; float:left;}
#gallery #slides div ul li a b {display:none;}
#gallery #slides div ul li a.previous {background:url(./imagenes/abogados/arriba.gif) no-repeat center center;}
#gallery #slides div ul li a.next {background:url(./imagenes/abogados/abajo.gif) no-repeat center center;}

#gallery #slides div ul li a img {display:block; width:60px; height:69px; border:0;}
#gallery #slides div ul li img.blank {margin:0 auto; padding-top:11px;}
#gallery #slides div ul li a:focus {outline:0;}

/*#fullsize {position:absolute; left:0; top:0; height:550px; width:750px; overflow:hidden; text-align:center; z-index:200;}*/
#fullsize img {clear:both; display:block; margin:0 auto; border:none; top:350px; left:-440px; width:290px; height:360px; position:relative; padding:10px;}
#fullsize div {width:550px; height:550px; position:relative;top:-360px;left:300px;}
#fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#fullsize div p {padding:10px 0 0 0; margin:0; font-size:12px; line-height:18px; width:480px; text-align:justify;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*ESTRUCTURA*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;	/* Equivalente a 16px*/
line-height:.92em; 
text-align:center;
font-weight: normal;
margin:0;
padding:0;
border:0;			 /*This removes the border around the viewport in old versions of IE */
width:100%;
color: #858585;
background: #fff;
}

p {
font-size: 0.72em;
padding: 0;
margin:  0 0 .92em 0;
}
p a{
text-decoration: none;
color: #4E4E4E; 
}
p a:hover {
color: #f78f1e; 
}
p strong{
color: #4E4E4E;
font-weight: normal;
}

.destacado{
color: #E57C07;
}

.indentado{
margin-left:52px;
}
p.grande {
font-family:  Helvetica, Arial,sans-serif; 
font-size: 1em;
line-height: 1.3em;
margin-bottom: 1.3em;
}
p.peq {
font-size: 0.7em;
line-height: 1em;
}
p.peq a {
font-size: .8em;
line-height: 1em;
}
p.listado{
	border-bottom: 1px solid #DDDEDF;
	padding-bottom: 2px; 
}

fieldset{
border: 0;
}
#filete {
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
}

form {
	margin: 0;
	padding: 0;
}

/*TITULARES*/
h1 {
font-size: 1.3em;
line-height: normal;
font-weight: normal;
color: #4E4E4E;
margin: 10px 0 10px 0;
padding: 0;	
}

h2 {
font-size: 1.2em;
font-weight: normal;
color: #4E4E4E;
margin:  .92em 0 .92em 0;
padding: 0;

}
h3 {
font-size: .9em;
font-weight: normal;
padding: 0;
margin:  .92em 0 .5em 0;
color: #4E4E4E;
}

.arriba{
float: right;
background-color: transparent;
background-image: url(imagenes/bolo_arriba.gif);
background-repeat: no-repeat;
background-position: 0 0.4em;
padding-left: 1.25em;
margin: 0;
}


/*titular de página TEXTO GRANDE*/
#titularCorchetes{
position: relative;
left: 0;
font-size: 2em;
color: #4E4E4E;
/*background-color: transparent;
background-image: url(imagenes/corcheteIz.gif);
background-repeat: no-repeat;
background-position: left top; */
height: 40px;
width: auto;
margin: 24px 0 20px 0;
padding: 0;
overflow: visible;
}
#titularCorchetes #texto {
float: left;
/*background-color: transparent;
background-image: url(imagenes/corcheteDer.gif);
background-repeat: no-repeat;
background-position: right top; */
height: 44px;
width: auto;
line-height:1.4em;
margin: 0;
padding: 0 7px 0 0;
overflow: visible;
}

/*titular de página TEXTO PEQUEÑO 1 línea*/
#titularCorchetes1{
position: relative;
left: 0;
font-size: 1.5em;
font-weight: bold;
color: #4E4E4E;
/*background-color: transparent;
background-image: url(imagenes/corcheteIz.gif);
background-repeat: no-repeat;
background-position: left top; */
height: 44px;
width: auto;
margin: 24px 0 5px 0;
padding: 0;
vertical-align: middle;
overflow: visible;
}
#titularCorchetes1 #texto {
float: left;
/*background-color: transparent;
background-image: url(imagenes/corcheteDer.gif);
background-repeat: no-repeat;
background-position: right top; */
height: 44px;
width: auto;
line-height:1.8em;
margin: 0;
padding: 0;
vertical-align: middle;
overflow: visible;
}

/*titular de página TEXTO PEQUEÑO 2 líneas*/
#titularCorchetes2{
position: relative;
left: 0;
font-size: 1.8em;
font-weight: normal;
color: #4E4E4E;
/*background-color: transparent;
background-image: url(imagenes/corchete2Iz.gif);
background-repeat: no-repeat;
background-position: left top; 
height: 50px;
margin: 24px 0 0 0;*/
height: auto;
width: 100%;
margin: 10px 0 10px 0;
padding: 0;
vertical-align: middle;
overflow: visible;
}
#titularCorchetes2 #texto {
float: left;
/*background-color: transparent;
background-image: url(imagenes/corchete2Der.gif);
background-repeat: no-repeat;
background-position: right top; 
height: 50px;*/
height: auto;
width: 100%;
line-height:1.2em;
margin: 0;
padding: 0;
vertical-align: middle;
overflow: visible;
}

/*CONTENEDOR GENERAL*/
#contenedorGeneral {
width:1024px;
text-align:left;
margin:0 auto;
}


/*banda azul superior*/
#azul{
clear:both;
float:left;
width:100%;
height: 25px;
background-color:#F78F1E;
margin: 0;
padding: 0;
}

/*colores sueltos*/
.naranja{
	color: #f78f1e;
}
.gris{
	color: #898e93;
}


/*CABECERA CON LOGO Y FOTO*/	
#cabeceraLogo {
clear:both;
float:left;
height: 83px;
width:100%;
border: 0;
background-color: #fff;
background-image: url(imagenes/fondoCabecera.gif);
background-repeat: repeat-y;
background-position: top;
margin: 0;
padding: 0;
}
input, select, textarea{
padding:0;
margin: 0;
}	

#col1 input{
display: block;
width: 95%;
margin: 10px 0 0 0 !important;
margin: 0; /*IE6*/
}
#col1 select{
display: block;
width: 98%;
margin: 10px 0 0 0 !important;
margin: 0; /*IE6*/
}

#logo {
position: relative;
right: 85px;
float: right;
}		
/*MENÚ CABECERA*/			  
#menuCabecera {
position: relative;
float: left;
left: 80px;
height: 83px;
width: auto;
text-align: right;
font-size: 0.7em;
color: #8b8b8b;
background-color: transparent;
padding: 16px 20px 0 0;
margin: 0;
}
#menuCabecera ul {
font-size: 1em;
margin:0;
padding:0;
list-style:none;
}
#menuCabecera li {
float: right;
margin:0;
padding:0;
display: inline;
}
#menuCabecera a {
text-decoration: none;
color: #8b8b8b;
background-color: transparent;
border: 0;
margin:0;
padding:0 9px 0 9px; /*AQUÍ SE REGULA EL ANCHO DE LOS BOTONES*/
}
#menuCabecera a:hover{
color: #f78f1e;
}

#menuCabecera span {
text-decoration: none;
color: #f78f1e;
background-color: transparent;
border: 0;
margin:0;
padding:0 9px 0 9px; /*AQUÍ SE REGULA EL ANCHO DE LOS BOTONES*/
}



/*MENÚ PRINCIPAL*/
#menu{
clear:both;
float:left;
width:100%;
height: 35px;
background-image: url(imagenes/fondoMenu.gif);
background-repeat: repeat-y;
background-position: top left;
vertical-align: middle;
text-align: left;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}
#menu #botones{
/*height: 35px;
margin: 0 0 0 77px;
padding: 0;*/
position:absolute;
top:95px;
padding-left:80px;
}

#titularSinFlecha {
font-size:0.70em;
font-weight: bold;
background-position: 0% 0em;
background-repeat: no-repeat;
overflow: visible;
color: #2E4593;
background-color: transparent;
margin: 0;
}

.contenedor2,
.contenedor3 {
width:100%;
position:relative;
overflow:hidden;
}		

/*CONTENEDOR 3*/
/*Define la banda de color izquierda*/
.contenedor3 
{
	float:left;
	padding: 0;
	margin:0;
	min-height: 360px;
	background: -moz-linear-gradient(top, #cfe7fa , #6393c1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#cfe7fa),  to(#6393c1));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cfe7fa, endColorstr=#6393c1);	
	/*background-color: #2E4593;
	background: -moz-linear-gradient(top, #65b6cf , #4574AC);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#65b6cf),  to(#4574AC));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#65b6cf, endColorstr=#4574AC);*/
}

/*CONTENEDOR 2*/
/*Define la banda de color derecha*/
.contenedor2 
{
	float:right;
	left: 77px;
	padding: 0;
	margin:0;
	min-height: 560px;
	background: -moz-linear-gradient(top, #cfe7fa , #6393c1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#cfe7fa),  to(#6393c1));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cfe7fa, endColorstr=#6393c1);		
	/*background-color: #2E4593;
	background: -moz-linear-gradient(top, #65b6cf , #4574AC);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#65b6cf),  to(#4574AC));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#65b6cf, endColorstr=#4574AC);*/
}

/*CONTENEDOR 1*/
.contenedor1 {/*Define el cuerpo central de contenido*/
width:863px;
left: 0;
position:relative;
overflow: visible;
float:left;
padding: 0;
margin: 0;
min-height: 700px;
}

/*OPCIONES DE FONDOS CONTENEDOR 1 (CONTENIDO)*/

/*Home*/
.contenedor1#home {
background-image: url(imagenes/fondoCont1Home.gif);
background-repeat: repeat-y;
background-color: #fff;
min-height: 700px;
margin: 0;
padding: 0;
}
.contenedor1#home fieldset{
	margin: 0 0 0.2em 0;
	padding: 0;
}
.flashome{
	padding-top:7px; 
	background-color:#FFFFFF;
}

/*Columnas VISITA VIRTUAL*/

/*Columna 1*/
#visitavirtual  {
float:left;
width:1019px;
padding-right:5px;

height:395px;
background-color:#ffdf74;	
position:relative;
overflow:hidden;
margin: 0 0 0 0;
display: inline;

}






/*Columnas HOME*/

/*Columna 1*/
.contenedor1#home #col1 {
float:left;
width:241px;	
position:relative;
overflow:hidden;
margin: 0 0 0 0;
padding: 11px 20px 20px 20px;
display: inline;
background-color: #ffeeb8;
}
.contenedor1#home #col1 p {
font-size:0.70em;
font-weight: bold;
letter-spacing: normal;
color: #4E4E4E;
background-color: transparent;
margin:25px 0 7px 3px;
}


/*Columna 2*/
.contenedor1#home #col2 {
float:left;
width:250px;	
position:relative;
overflow:hidden;
margin: 0;
padding: 11px 20px 0 20px;
display: inline;
border-right: 1px solid #ececed;
background-color: transparent;
}



/*Columna 3*/
.contenedor1#home #col3 {
float: right;
position: relative;
right: 0;
width: 250px;
overflow: hidden;
margin: 0;
padding: 11px 20px 0 20px;
display: inline;
background-color: transparent;
}


/* Footer styles */
#footer {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.57em;
color: #818183;
text-align:right;
height: 31px;
border-top: 1px solid #ececed;
background-color: #fff;
clear:both;
float:left;
width:100%;
margin: 0;
padding-top: 10px;
}
#footer a{
text-decoration: none;
color: #4E4E4E; 
}
#footer a:hover {
color: #f78f1e; 
}
#footer a.seleccionado {
color: #f78f1e; 
}


#logotipo {
float:left;
background-image:url(imagenes/logo_madrid_2016.gif);
background-repeat:no-repeat;
width:135px;
height:34px;
