﻿h1 {
border-bottom:1px solid #CCCCCC;
color:#0085A1;
font-size:30px;
margin:6px 24px;
padding:0 0 0.5em;
font-family:Arial,Verdana,helvetica,sans-serif;



}
h2 {
color:#333333;
font-size:16px;
font-weight:bold;
padding:0 0 0.5em;
font-family:Arial,Verdana,helvetica,sans-serif;

}

.titulo2
{
	border-bottom:1px solid #CCCCCC;
	color:#0085A1;
	font-size:17px;
	font-weight:bold;
	padding:0 0 0.5em;
	font-family:Arial,Verdana,helvetica,sans-serif;
	margin-top:22px;
}



#todo
{
	width:100%;
	height:100%;
	float:left;
	margin-top:10px;
	
}

#izquierda
{
	height:100%;
	width:35%;
	float:left;
    padding-right:10px;
    border-right:1px solid #CCCCCC;
	/*margin-top:80px;*/
}

/*---------------------------------------*/
#derecha
{
	height:100%;		
	width:63%;
	float:left;
	margin-top:10px;
	
}

#contenido
{
	margin-left:20px;
}

/*-------------Acordeon------------------*/
#accordion
{
	 font-size:11px;	
	 font-family:Arial,Verdana,helvetica,sans-serif;	
	
}

#divCodigosPostales
{
	float:left;
	margin-top:15px;
	width:100%;
}

#divBotonesCodigoPostal
{
	float:left;
	margin-top:25%;
}

#listaCodigosPostales
{
    margin-top:15px;
	width:128px;	
	float:left;
	height:200px;
}
#listaCodigosPostalesElegidos
{
	margin-top:15px;
	width:128px;	
	float:left;
	height:200px;
}

#divProvincias
{
	float:left;
	margin-top:15px;
	width:100%;
}

#divBotonesProvincias
{
	float:left;
	margin-top:25%;
}

#listaProvincias
{
	width:128px;	
	float:left;
	height:200px;
}
#listaProvinciasElegidas
{
	width:128px;	
	float:left;
	height:200px;
}

#divComunidades
{
	float:left;
	margin-top:15px;
	width:100%;
}

#divBotonesComunidades
{
	float:left;
	margin-top:25%;
}

#listaComunidades
{
	width:128px;	
	float:left;
	height:200px;
}

#listaComunidadesElegidas
{
	width:128px;	
	float:left;
	height:200px;
}

#divMunicipios
{
	float:left;
	margin-top:15px;
	width:100%;
}

#divBotonesMunicipios
{
	float:left;
	margin-top:25%;
}

#listaMunicipios
{
	margin-top:15px;
	width:128px;	
	float:left;
	height:200px;
}
#listaMunicipiosElegidos
{
	margin-top:15px;
	width:128px;	
	float:left;
	height:200px;
}

#divSegmentos
{
	float:left;
	margin-top:15px;
	width:100%;
}

#divBotonesSegmentos
{
	float:left;
	margin-top:25%;
}

#listaSegmentos
{
	
	width:128px;	
	float:left;
	height:200px;
}
#listaSegmentosElegidos
{
	
	width:128px;	
	float:left;
	height:200px;
}










/*--------------Selectores de columnas, filas y totales------------------*/


#divColumnas
{
	color:#666666;
	font-size:16px;
	font-family:Arial,Verdana,helvetica,sans-serif;
	float:left;

}
#cajaColumnas
{
	/*border:1px solid #CCCCCC;
	width:150px;
	height:250px;*/
	margin-top:30px;
}

#columnas
{
	width:140px;
}

#divFilas
{
	color:#666666;
	font-size:16px;
	font-family:Arial,Verdana,helvetica,sans-serif;
	float:left;
	margin-left:15px;

}
#cajaFilas
{
	/*border:1px solid #CCCCCC;
	width:150px;
	height:250px;*/
	margin-top:30px;
}
#filas
{
	width:140px;
}

#divSubtotal
{
	color:#666666;
	font-size:16px;
	font-family:Arial,Verdana,helvetica,sans-serif;
	float:left;
	margin-left:15px;

}
#cajaSubtotal
{
	/*border:1px solid #CCCCCC;
	width:150px;
	height:250px;*/
	margin-top:30px;
	float:left;
}

#subtotal
{
	width:140px;
}

#divBoton
{
	/*border:1px solid #CCCCCC;
	width:150px;
	height:250px;*/
	margin-top:30px;
	float:left;
	margin-left:10px;
}
/*---------------------------------------------------------------------------------*/

/*---------------------Caja Informacion -------------------------------------------*/
#cajaCondiciones
{
	float:left;
	color:#666666;
	font-size:12px;
	font-family:Arial,Verdana,helvetica,sans-serif;
    width:100%;	
    margin-top:-15px;
}


#condiciones
{
	float:left;
	width:570px;
	height:120px;
	font-size:12px;
	font-family:Arial,Verdana,helvetica,sans-serif;
	
}







/*----------------------------------------tabla------------------------------------*/
#tabla
{
	float:left;
	width:100%;
	margin-top:25px;
}


table.tablas{
	width:570px;
	border-collapse:collapse;
	margin:0 0 2em;
}


table.tablas thead th{
	padding:0.6em 1.2em;
	text-align:left;
	background: transparent url("../img/table_top.gif") 0 0 repeat-x;
	border-bottom: 1px solid #cdcdcd;
	color:#333;
	font-weight: normal;
}

table.tablas thead th.first{
	background: transparent url("../img/table_top_left.gif") 0 0 no-repeat;
}
table.tablas thead th.last{
	background: transparent url("../img/table_top_right.gif") 100% 0 no-repeat;
}

table.tablas tbody td{
	padding:0.6em 1.2em;
	vertical-align: top;
}

table.tablas tbody td.first{
	background: transparent url("../img/table_td_bg.gif") 0 0 repeat-y;
}

table.tablas tbody td.last{
	background: transparent url("../img/table_td_bg.gif") 100% 0 repeat-y;
}

table.tablas tbody tr.par td{
	background-color: #f7f7f7;
}

table.tablas tfoot td{
	height:6px;
	font-size:1px;/*ie*/ 
	line-height:1px;
	background: transparent url("../img/table_bot.gif") 0 100% repeat-x;
}

table.tablas tfoot td.first{
	background: transparent url("../img/table_bot_left.gif") 0 100% no-repeat;
	height:6px;
	font-size:1px;/*ie*/ 
}
table.tablas tfoot td.last{
	background: transparent url("../img/table_bot_right.gif") 100% 100% no-repeat;
	height:6px;
	padding:0 0 0 6px;
}


table.tablas tbody td span.apunte{
	font-size:0.85em;
	font-style: italic;
}

/*---------------------------------------------------------------------------------------*/

/*-------------------------Tabla informe ------------------------------------------------*/
table.informe 
{
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	/*color: #F6E663;*/
	background-color: #F6E663;
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	


}

table.informe td
{
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}


.fila
{	
	background-color: #E0E0E0;		
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

.filaAlterna
{	
	background-color: #FCECAA;	
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;	
}

/*----------------------------header---------------------------*/
#container {
background:transparent url(../img/bg_top.png) no-repeat scroll 50% 0;
float:left;
margin:0 0 30px;
width:100%;
}

#header {
height:140px;
margin:0 auto;
position:relative;
width:960px;
}

body,  p, a, li, dt, dd, textarea, input, blockquote {
color:#333333;
font-family:Arial,Verdana,helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
margin:0px;
padding:0px;
}

div#logo {
height:96px;
left:30px;
position:absolute;
top:20px;
width:292px;
}
div#logo a {
display:block;
height:96px;
width:292px;
}

a {
text-decoration:none;
}

img {
border:medium none;
}

#header_nav {
position:absolute;
right:20px;
top:20px;
}

#header_nav li {
display:inline;
}

ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#header_nav li a {
color:#333333;
display:block;
float:right;
margin:0 0 0 20px;
}

#header_nav_info {
bottom:20px;
position:absolute;
right:20px;
}

#header_nav_info p {
color:#D3D3D3;
}

#header_nav_info p span {
color:#0085A1;
margin:0 10px 0 0;
}

#header_nav_info a {
color:#0085A1;
margin:0 0 0 10px;
}

#content {
background:transparent url(../img/bg_marco.gif) repeat-y scroll 0 0;
/*background:transparent  repeat-y scroll 0 0;*/
height:auto !important;
margin:0 auto;
min-height:700px;
position:relative;
width:972px;
}

#content2 {
background:transparent url(../img/bg_marco_top.gif) no-repeat scroll 0 0;
height:auto !important;
margin:0 auto;
min-height:700px;
padding:0 6px 0px;
position:relative;
width:960px;
}

#footer {
background:transparent url(../img/bg_marco_bot.jpg) no-repeat scroll 0 0;
clear:both;
height:202px;
margin:0 auto 10px;
padding:0 26px;
width:920px;
}

#footer_bot {
background:#F7F7F7 none repeat scroll 0 0;
clear:both;
margin:0 auto;
padding:0 26px;
width:1015px;
}
#footer_bot ul li {
background-color:#FF0000;
display:inline;
width:306px;
}

#footer_bot ul li div {
float:left;
padding:0 30px 0 0;
width:276px;
}

#footer_bot div h5 {
color:#666666;
height:30px;
margin:0 0 1em;
}

#footer_bot div#footer_bot_info h5 span {
font-size:24px;
height:24px;
padding:6px 0 0;
}

#footer_bot div h5 span {
border-bottom:3px solid #D3D3D3;
display:block;
height:20px;
padding:10px 0 0;
}


#footer_bot div p.small {
font-size:11px;
margin:0 0 0.2em;
}

#footer_bot div p {
color:#999999;
}

#footer_bot ul li ul li a {
border-bottom:1px solid #D3D3D3;
color:#0085A1;
display:block;
float:left;
padding:4px 0;
width:276px;
}

body 
{

background:#F7F7F7 url(../img/bg_body.gif) repeat-x scroll 0 0;

}

#informe
{
	margin-top:25px;
}