/*
#000000
negro

#333333
gris muy oscuro textos

#66748A
azul gris oscuro del fondo del html

#cccccc
gris linea borde formularios

#f8f8f8
gris muuuuy claro fondo formularios

#ef6c00
naranja galtes

#f7cfac
naranja claro

#49557B
azul oscuro

#c1c7d7
azul claro

#ff9648
otro naranja claro (más oscuro) menu cabecera

#e2ded8
gris claro fondo contenedor

#ffffff
blanco
*/

html, body {
	background-image: url(../images/fondo-body30x300.gif);
	background-repeat: repeat-x;
	background-color: #66748A;
	margin: 0;
	font-size:13px;
	color: #333333;
	text-align:center;
	height: 100%; /* para que ie muestre el scrollbar vert */
	position: relative;	/* para solucionar el bug http://rowanw.com/bugs/overflow_relative.htm que hace que hayan partes que no hacen scroll*/
}


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

#contenedor{
	background-color: #E2DED8;
	text-align:left;
	margin:auto;
	width:900px;
	border: 3px solid #ffffff;
	border-top: 0px;
	border-bottom: 0px;
}

#contenido{
	background-image: url(../images/fondo-contenido30x200.gif);
	background-repeat: repeat-x;
	/*padding: 5px 15px; /* 1px vertical para que el fondo se ajuste a la linea superior*/
	min-width: 0 /*Le da Layout a IE para que muestre la imagen de fondo*/
}

#fondologo{
	background-image: url(../images/logo-fondo.gif); /* es un gif porque ie6 con el pngfix no posiciona bien el png*/
	background-repeat: no-repeat;
	/*position: relative;
	width: 536;
	height: 467;*/
	background-position: bottom right;
}

#pie{
	background-color: #EF6C00;
	color: #FFFFFF;
	font-size:11px;
	padding: 3px 15px;
	text-align:center;
}

#notapie{
	font-size:11px;
	color: #999999;
	text-align:left;
}

#cabecera{
	width: 900px;
	height: 145px; 
	position: relative;  
	margin: 0;
	font-size: 16px;  /*para el texto que aparece cuando las imágenes están deshabilitadas*/
	background: url(../images/fondo-cabecera/rotator.php) no-repeat center top;
}

/* #cabecera h1 es el logo semitransp con enlace a index */

#cabecera h1{
	position: absolute;
	margin: 0;
/* 	width: 314px;
	height: 136px; */
}

#cabecera h1 a{
	height: 115px;
	width: 280px;
	/*position: absolute;    quitado porque en ie8 ,chrome y safari desaparecia el logo*/
}

#empresa-altis {
	position: absolute;
	right: 8px;
	top: 5px;
}

#empresa-ect {
float: left;
text-decoration: none;

position: relative;
bottom: 2px;
}

#empresa-ect a{
text-decoration: none;
}

#empresa-ect a span{
position: relative;
margin: 0 0 0 5px;
bottom: 2px;
cursor: inherit;
}

#cabecera ul {
	position: absolute;
	top: 120px;
	right: 0px;
	margin: 0;
	padding: 0 15px;
	list-style: none;
	width: 900px;
	float: right;
	/*background: #FAA819 url(images/mainNavBg.gif) repeat-x;*/
}

#cabecera ul li {
	float: right;
}

#cabecera ul li.selected{
	background-color: #EF6C00;
}

#cabecera ul a {
	display: block;
	padding: 0 15px 7px 15px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 18px;
	text-decoration: none;
	color: #fff;
}

#cabecera ul a:hover{
	color: #000;
	text-decoration: none;
	background-color: #ff9648;
}

#pie p{
	margin: 0;
	text-align:right;
}

#pie span{
	margin: 15px;
}

#pie a{
	color: #FFFFFF;
}

/*
MALO FRAMEWORK (quitando el div .main, que es el que contiene los .dpxx) -------------------------------------------
*/

.dp20,
.dp25,
.dp33,
.dp50,
.dp66,
.dp75,
.dp80,
.dp100{float:left; display: inline; *margin-left:-0.04em; } /* IE margin hack */



/* dp = div percent */
.dp20{width:20%;}
.dp25{width:25%;}
.dp33{width:33.33%;}
.dp50{width:50%;}
.dp66{width:66%;}
.dp75{width:75%;}
.dp80{width:80%;}
.dp100{width:100%;}

.clear{ clear:both;}

#BotonesVert{
margin: 15px;
list-style-type: none;
width: 180px;
}

#BotonesVert li a{
display: block;
width: 180px;
height: 29px;
line-height: 29px;
color:#000;
text-decoration: none;
background: #ffffff url(../images/fondo-boton-vert.gif) no-repeat left bottom;
text-indent: 30px;
}

#BotonesVert a.first {
height: 30px;
line-height: 30px;
}

#BotonesVert li a:hover{
background: #f7cfac url(../images/fondo-boton-vert.gif) no-repeat center bottom;
}

#BotonesVert li.selected a{
color:#ffffff;
font-size: 1.1em;
background: #ef6c00 url(../images/fondo-boton-vert.gif) no-repeat right bottom;
}

#BotonesVert li a.inactivo{
	color: #BFBFBF;
}

#BotonesVert li a.inactivo:hover{
background: #ffffff url(../images/fondo-boton-vert.gif) no-repeat left bottom;
}

#BotonesVert a.dgt {
height: 30px;
line-height: 30px;
background: #ffffff url(../images/fondo-boton-vert-dgt.gif) no-repeat left bottom;
}

#BotonesVert li a.dgt:hover{
background: #ffffff url(../images/fondo-boton-vert-dgt.gif) no-repeat center bottom;
}

.banner{
	position: relative;
margin: 15px;
width: 180px;
}



.banner h3 {
width: 166px;
height: 15px;
color: #EF6C00;
font-size:0.9em;
line-height: 13px;
margin:0 0;
padding: 2px 7px;
background: #F7CFAC;
border-top: 3px solid #EF6C00;
cursor: pointer;
}

.banner p {
font-size: 0.8em;
margin:-3px 0 0 0;
width: 166px;
background-color: #FFF;
padding: 7px 7px;
border-bottom: 1px solid #EF6C00;
cursor: pointer;
}


#fechaforfor{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-stretch:narrower;
	font-size:13px;
	position:absolute;
	top: 148px;
	left: 5px;
}



.modulo{
margin: 15px 15px 15px 0;
background: #ffffff;
border-top: 3px solid #49557B;
border-bottom: 1px solid #49557B;
}

.modulo h2 {
height: 15px;
color: #49557B;
font-size:0.9em;
line-height: 13px;
margin:0 0;
padding: 2px 15px;
background: #C1C7D7;
}

.modulo .contenidomod {
padding: 0 15px 10px 15px;

}

.texto-peq{
	font-size: 0.9em;
}

.mapa{
	width: 440px; /*para que ie posicione bien los mapas*/
	float: right;
}

.bloque {
/*color: #49af17;*/
text-decoration: none;
/*font-weight:600;*/
display:block;
background-color: #EDEAE7;
/*padding: 15px 15px 15px 10px;*/
}

.bloque img
{
vertical-align:middle;
margin-right: 10px;
}

.bloque:hover {
/*color: #49af17;*/
/*text-decoration: none;*/
/*font-weight:600;*/
display:block;
background-color: #FFDDBF;
/*padding: 15px 15px 15px 10px;*/
}

.bloque:link, .bloque:visited {
/*color:#EF6C00;*/
text-decoration:none;
}

.bloquepermisos{
display:block;
background-color: #EDEAE7;
margin: 10px 0;
padding:5px;
}

.bloquepermisos p{
/*float: left;*/
position: relative;
/*margin: 5px 5px 5px 10px;*/
padding: 5px 0px 0px 55px;
margin: 0;
}

.bloquepermisos img{
float: left;
/*vertical-align:top;*/
}


/*
ELEMENTOS HTML -------------------------------------------
*/

p{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

img{
	border:0;
}

a{
	color: #49557B;
	font-weight: bold;
	text-decoration: underline;
}

a:link, a:visited {
	color: #49557B;
	text-decoration: underline;
}

a:hover{
	color: #ef6c00;
	text-decoration: none;
}

strong{
	color: #49557b;
	font-style: italic;
}


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

form {
/* margin: 0;
padding: 0; */
}

fieldset {
	margin: 0;
	padding: 0 2em; 
	border : 1px solid #ccc;
	background: #f8f8f8;
}
legend {
	font-size:13px;
	font-weight: bold;
	color: #49557b;
}
fieldset input {
	width: 420px;
	background-color: #ffffff;
	border: 1px solid #ccc;
}

fieldset textarea {
	width: 420px;
	height: 100px;
	background-color: #ffffff;
	border: 1px solid #ccc;
}

label {
float: left;
width: 10em;
}

#submit {
	text-align: right;
}