/* CSS Document */

/* ARIAS PINILLOS
/* Autor: Manuel Ribera
/* Empresa: Entorno Digital - www.entornodigital.es
/* Creado: 13/10/2009
--------------------------------------------------------------------------- */


/* GENERAL */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ESTRUCTURA
--------------------------------------------------------------------------- */

body {
	margin: 0px;
	background-color:#fff;
	background-image:url(../img/bg_body.gif);
    background-repeat: repeat-x;
	text-align:center;
}

#wrapper {
width:900px;
height:auto;
margin:0px auto 0 auto;
}
#content{
background-image:url(../img/bg_left.jpg);
background-repeat: repeat-y;
float:left;
background-color:#FFF;
width:900px;
float:left;
}
#left {
width:359px;
height:auto;
float:left;
}
#left_logo {
width:359px;
height:600px;
float: left;
background-image: url(../img/img_logo.jpg);
background-repeat: no-repeat;
background-position:top left;
display:block;
float:left;
}
#right{
width:541px;
height:auto;
float:right;
background-color: #fff;
padding-top:14px;
padding-bottom:20px;
text-align:left;
}
#nav {
width:541px;
height:31px;
background-image:url(../img/bg_nav.gif);
float: left;
background-repeat:repeat-x;
}

#nav img {
width:2px;
height:31px;
border:none;
float:right;
}
a.btn_nav:link, a.btn_nav:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
width:auto;
height:31px;
line-height:31px;
text-decoration: none;
padding:0 6px;
float:right;
}
a.btn_nav:hover{
background-image:url(../img/bg_nav2.gif);
background-repeat:repeat-x;
color:#fff;
text-decoration: none;
}

a.btn_nav2:link, a.btn_nav2:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
width:auto;
height:31px;
line-height:31px;
text-decoration: none;
padding:0 4px;
}
a.btn_nav2:hover{
background-image:url(../img/bg_nav2.gif);
background-repeat:repeat-x;
color:#fff;
text-decoration: none;
}

#sombra_nav {
width:541px;
height:28px;
background-image:url(../img/bg_sombra_nav.gif);
float: left;
background-repeat:repeat-x;
}
#right_tit{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:32px;
color: #d8251b;
width:auto;
height:auto;
float:left;
padding-left:20px;
padding-bottom:20px;
}
#right_text{
width:541px;
height:auto;
float:left;
}
#right_text p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color: #666;
padding-bottom:10px;
padding-left:20px;
}
#right_text img{
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
}
.sub_tit{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color: #d8251b;
border-bottom:solid 1px #d8251b;
padding-top: 20px;
clear:both;
}
.sep_tit{
background-color: #d8251b;
width:501px;
height:1px;
border-top:solid 20px #fff;
border-right:solid 20px #fff;
border-bottom:solid 20px #fff;
border-left:solid 20px #fff;
}

/* ESTRUCTURA SERVICIOS CON MENÚ LATERAL --------------------------------------------------------------------------- */

#accordion {
height:auto;
float: right; 
margin:0px 0px 20px 0px;
}

#accordion h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#d8251b;
border: solid 1px #d8251b;
clear:both;
margin: 0 0 10px 0px;
line-height:38px;
padding-left:20px;
color:#d8251b;
display:block;
width: 488px;
height:38px;
display: block;
}
#accordion h2 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#d8251b;
display:block;
text-decoration:none;
font-weight:normal;
}
#accordion h2 a:hover{ background-color:#d8251b; color:#FFFFFF; display:block; border-left:solid 20px #d8251b; margin-left:-20px;  }


#accordion div {
width: 468px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color: #000;
padding-bottom:10px;
padding:20px;
margin: 0 0 10px 0;
border: solid 1px #CCC;
background-color:#c5d3ed;
overflow:hidden;
}
#accordion ul li {font-size: 11px; line-height: 18px; background:url(../images/bullet_blue.gif) left top no-repeat; padding: 0 0 0 20px;}
#accordion p {text-align: justify; line-height: 18px; margin: 0 0 10px 0;}


#footer{
width:894px;
height:40px;
background-color:#c5d3ed;
float: left;
border-top:solid 1px #f96d02;
padding:6px 6px 0 0;
margin:0 auto;
}

#footer img{
border:none;
float:right;
}
a.btn_footer:link, a.btn_footer:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #2f2f8b;
width:auto;
text-decoration: none;
float:right;
padding:6px;
}
a.btn_footer:hover{
color:#FFF;
background-color:#000;
text-decoration: none;
}
/* CONTACTAR
--------------------------------------------------------------------------- */
#contacta {
width: 500px; 
margin:50px auto; 
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color: #666;
text-align:left;
}

#direcc {
width: 500px; 
margin:20px auto 0px auto;
border:solid 1px #d8251b;
padding:10px 0 0 0;
}
#mapa {
width: 500px; 
margin:20px auto 0px auto;
border:solid 1px #d8251b;
}
#mapa a {
padding:4px 4px 4px 4px;
width: 492px;
display:block;
background-color:#d8251b;
color:#FFFFFF;
text-decoration:none;
}
#mapa a:hover {
background-color:#2f2f8b;
color:#FFFFFF;
text-decoration:none;
}
#contacta form label { float:left; width:80px; text-align:left;}
#contacta form input { margin-bottom:6px; font-size: 13px; color:#854231; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 2px 0 0 0; text-align:left;}
#contacta form input:active, #contacta form input:hover {border-color: #fa4b96;}
#contacta form textarea {font-size: 11px; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#854231;}
#contacta form textarea:active, #contacta form textarea:hover {border-color: #fa4b96;}
.cuadro, .cuadro2 { color:#000; border:1px solid #bdbdbd;}
.cuadro { width:200px; height:20px;}
.cuadro2 { width:390px;height:100px;}

#contacta .bot { background-color:#d8251b; color:#fff; padding:0 10px 0 10px; border:none; margin: 20px 80px;}
#contacta .bot:hover { background-color:#591200; cursor:pointer;}
.gris { color:#bebebe;}
.granate { color:#591200;}

a.contlink {color: #fff; font-weight: bold;}
a.contlink:hover { text-decoration:underline;}

/* ENLACES
--------------------------------------------------------------------------- */
#cont_enlaces {
width: 440px; 
margin:50px auto; 
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color: #666;
}
.tit_enlaces {
width: 440px;  
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color: #2e2f8c;
line-height:25px;
text-align:center;
float:left;
border-bottom:solid 1px #c5d3ed;
padding-top:20px;
}
.enlaces_left {
width: 220px; 
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color: #666;
background-image:url(../img/lineas.gif);
background-position:top;
text-align:left;
}
.enlaces_right {
width: 220px;
float:right; 
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:16px;
text-align:center;
background-image:url(../img/lineas.gif);
background-position:top;
}
a.btn_enlaces:link, a.btn_enlaces:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color: #d8251b;
text-decoration: none;
}
a.btn_enlaces:hover{
color:#000;
text-decoration: none;
}
/* NOTICIAS
--------------------------------------------------------------------------- */
.cont_noticias {
width: 520px;  
margin:20px auto 20px 20px; 
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color: #666;
padding-left:0px;
border-bottom:solid 1px #c5d3ed;
text-align:left;
float:left;
}
#right_text .cont_noticias p{
padding-left:0px;
}
#right_text .cont_noticias img{
margin-right:10px;
float:left;
}
a.btn_noticias:link, a.btn_noticias:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:22px;
color: #d8251b;
text-decoration: none;
}
a.btn_noticias:hover{
color:#000;
text-decoration: none;
}

.fecha {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
color: #666;
}

.volver {
width: 520px;  
float:left;
text-align:left;
}

/* DOCUMENTOS
--------------------------------------------------------------------------- */
.cont_documentos {
margin-left:20px; 
text-align:left;
}
a.tit_documentos:link, a.tit_documentos:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:21px;
line-height:21px;
padding-left:20px;
color: #2f2e8b;
margin-left:0px;
text-decoration:none;
background:url(../img/file_docs.gif) top left no-repeat;
display:block;
margin-bottom:6px;
}
a.tit_documentos:hover{
color: #d8251b;
text-decoration:underline;
}

.cont_documentos p {
text-align:left;
}

#right_tit{ width:350px;}
#salir{padding-top:10px; float:left;}
.btn_salir{ font-family:Arial, Helvetica, sans-serif;
color:#fff;
background-color:#d8251b;
font-size:11px;
border:solid 1px #d8251b;
padding:4px;
text-decoration:none;
}
.btn_salir:hover{ 
color:#fff;
background-color:#591200;
text-decoration:none;
}

/* Validación formularios 
----------------------------------------------------------------------------- */
.error { background-color: #FFA28C; border: 1px solid red;  }