/*colores
azul: #103f73
gris: #80776e
*/

/****  GENERAL ****/
html {
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#103f73;
}

body {
	border-top:12px solid #103f73;
}

#header, #footer, #datos_contacto, h2, h3, h4, .socio, .nav, .direccion {
	font-family:BergamoStdRegular;
	letter-spacing:1px;
	font-variant:small-caps;
}

h2 {
	font-size:20px;
	line-height:28px;
	font-weight:normal;
	color:#80776e;
	padding-bottom:3px;
	padding-left:10px;
	margin:5px -10px 25px -10px;
	background:url('../img/bg_titulos.gif') repeat-x 0px 100% ;
}

h3{
	font-size:20px;
	line-height:28px;
	font-weight:normal;
	//color:#80776e;
	padding-bottom:3px;
	padding-left:10px;
	text-decoration:underline;
	margin-top:30px;
}

h4 {
	color:#80776e;
	font-size:14px;
	font-weight:normal;
	margin-bottom:15px;
	border-bottom:1px solid #80776e;
	padding-left:10px;
}

.one-third {
	width: 33.333333%;
	float: left;
	margin: 25px 0;
	font-size: 14px;
}

.center {
	text-align: center;
}

.invertido {
	color:#80776e;
}

.invertido h2 {
	color:#103f73;
}

h2 img{
	margin-left:-12px;
	margin-right:8px;
	margin-bottom:3px;
}

a, #index ul a, #index #header a, #index #footer a{
	font-variant:small-caps;
	text-transform:capitalize;
	text-decoration:none;
	color:#80776e;
}

a:hover, .activo, #index #header a.activo {
	color:#103f73;
	border-bottom:1px solid #103f73;
	margin-bottom:-1px;
}

#index a {
	font-variant:normal;
	text-transform:none;
	color:#103f73;
}



/**** NAVEGACION  ****/
ul.nav li {
	list-style-type:none;
	float:left;
	width:239px;
	text-align:center;
	border:1px solid #c1c1c1;
	border-left:none;
	margin-top:15px;
	margin-bottom:20px;
}

ul.nav li.primero {
	width:238px;
	border-left:1px solid #c1c1c1;
}

ul.nav li a {
	display:block;
	width:239px;
	height:25px;
	line-height:28px;
	font-size:15px;
}


/**** DOCUMENTOS  ****/
#header, #footer {
	text-transform:capitalize;
	text-align:center;
}

#header img {
	float:left;
	margin-top:30px;
}

#header p {
	clear:both;
	float:right;
	line-height:15px;
	margin-top:-15px;
}

#footer {
	padding-bottom:15px;
}

#footer .legal {
	float:left;
	margin-top:10px;
	margin-bottom:-15px;
}

#footer p {
	font-size:14px;
	clear:both;
}

#footer .design {
	font-size:12px;
	margin-bottom:50px;
}

#top div, #bottom div {
	width:418px;
	height:215px;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	padding:0 20px 0 20px;
	background:white;
}

#content div div {margin-top:25px;}

#content {
	padding-top:25px;
}

#content p {
	margin-bottom:15px;
	padding-left:10px;
}

#content li {
	font-size:18px;
	list-style-type:none;
	padding-left:45px;
	background:url('../img/flecha.gif') no-repeat 25px 70%;
}

#bottom .contacto p {
	text-align:center;
	margin-bottom:0;
	font-size:14px;
}

#bottom .contacto p.mail {
	font-size:24px;
}

#bottom .phone {
	font-size:18px;
}

#bottom p.direccion{
	font-size:12px;
	margin-top:15px;
}

.lineas_atras {
	height:150px;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	margin-bottom:-212px;
	margin-top:25px;
}

.borde_abajo {
	background:url(../img/borde_abajo.jpg) no-repeat;
	height:150px;
	margin-top:-125px;
}

#content div.col_larga {
	width:800px;
	float:left;
	margin-left:49px;
	background:white;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	padding:10px 30px 30px;
}

#content div.col_larga p {
	margin-bottom:0;
}

#content div.col_estrecha {
	float:left;
	//margin-left:49px;
	background:white;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	padding:10px 30px 30px;
}

.cuadro_areas {
	border:1px solid #c1c1c1;
}

#content .cuadro_areas ul {
	margin-top:15px;
}

#content .cuadro_areas ul li{
	background:url(../img/marca_listas.png) no-repeat 20px 0px;
	font-size:12px;
	margin-bottom:10px;
	line-height:22px;
}

#content .cuadro_areas ul li ul{
	text-decoration:none;
}

#content .cuadro_areas ul li ul li {
	background:none;
	list-style-type:circle;
	list-style-position:inside;
	padding-left:25px;
	font-size:11px;
	text-decoration:none;
	margin-bottom:0;
}

.cuadro_areas span {
	border-bottom:1px solid #103f73;
}

span.lga {
	font-size:16px;
}

#despacho .foto {
	float:left;
	width:250px;
	padding-top:30px;
	margin-left:30px;
}

#oscar .foto {
	float:left;
	margin-left:30px;
	padding-top:20px;
	left:-555px;
}

#oscar #content .col_estrecha {
	left:410px;
}

#oscar h2 {
	margin-bottom:5px;
}

#oscar h3 {
	text-align:right;
	font-size:14px;
	line-height:120%;
	font-weight:normal;
	//color:#80776e;
	padding-bottom:3px;
	padding-right:10px;
	margin:0 -10px 30px;
	text-decoration:none;
	background:url('../img/bg_titulos.gif') repeat-x 0px 100% ;
}

#despacho .foto_foto{
	background:url('../img/bg_titulos.gif') repeat-x 0px 0px ;
	padding:15px 60px;
	margin-right:-30px;
}

#despacho #content p, #oscar #content p {
	margin-bottom:30px;
}

#despacho .foto h2, #oscar .foto h2 {
	margin:5px -30px 25px 0px;
	text-align: center;
}

.socio {
	margin:-20px -30px 25px 0px;
	text-align:center;
	font-size:13px;
	color:#103f73;
}

.foto img {
	border:1px solid white;
	-webkit-box-shadow: 6px 6px 18px 0px rgb(0, 0, 0);
	-moz-box-shadow: 6px 6px 18px 0px rgb(0, 0, 0);
	box-shadow: 6px 6px 18px 0px rgb(0, 0, 0);
}

#contacto #content div.col_larga {
	width:800px;
	float:left;
	margin-left:49px;
	background:white;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	padding:10px 30px 0px;
	position:relative;
}

#contacto h2 {
	margin-bottom:0;
}

#contacto .torres {
	margin-left:-30px;
	float:left;
	margin-top:0;
}

#datos_contacto {
	width:500px;
	position:absolute;
	left:325px;
	top:200px;
}

#contacto #datos_contacto p {
	font-size:16px;
	color:#80776e;
	margin-bottom:15px;
}

#contacto #datos_contacto img {
	float:right;
}

#contacto #datos_contacto .mail {
	text-align:center;
	font-size:28px;
	color:#80776e;
	text-transform:lowercase;
	font-variant:normal;
}

/*
#contacto .direccion {
	background:#103f73;
	color:white;
	font-size:14px;
	line-height:14px;
	padding:0;
	margin-left:49px;
	float:left;
	width:800px;
	margin-top:0;
	border:1px solid #c1c1c1;
	border-top-color:#80776e;
	padding:0px 30px 0px;
}

#contacto #content .direccion p{
	padding:0;
	margin:5px 0;
}

#contacto #content .direccion p.uno {
//width:250px;
float:left;
text-align:right;
}

#contacto #content .direccion p.dos{
//width:309px;
border-left:1px solid white;
border-right:1px solid white;
float:left;
text-align:center;
padding:0 10px;
margin-left:15px;
margin-right:15px;
}

#contacto #content .direccion p.tres {
	float:left;
//	width:187px;
	text-align:left;
}

*/