/************************************************************
Reset inicial: ponemos padding y margin a 0 en toda la pagina
Ademas ocultamos todos los objetos que no deben verse
************************************************************/
*{
}

.hide{
	display:none;
}

/***********************************************************
Centramos la página y definimos el tamaño del cuerpo central
***********************************************************/
#Container{
	text-align:left;
	width:730px;
	background-color:#FFFFFF;
	margin:0 10px 0 10px;
}

body{
	text-align:center;
	background:url(imagenes/fondo.jpg);
	margin:0;
	padding:0;
}

#ContenedorExterior{
	background-image:url(imagenes/sombras.jpg);
	width:751px;
	background-repeat:repeat-y;
	margin:0 auto 0 auto;
}

/***********************************************************************
Arreglamos los links en los graficos que desaparecen al mostrar el flash
***********************************************************************/

#flashCabecera a img,
#flashNavegacion a img{
	border:0;
}

/**********
Layout*****
**********/

#Nav_tar{
	float:left;
}

#Nav_comp{
	float:right;
}

#ImagenFamilia{
	float:left;
	margin-right:16px;
}

.Limpieza{
	clear:both;
}

#Telefonista{
	float:left;
	padding-left:6px;
	padding-top:16px;
}

#flashMapa{
	float:right;
}

#TituloProvincias{
	margin-left:0px;
	margin-right:-10px;
}

#MapaProvincias p{
	margin-left:160px;
}

#SombraHeader{
	height:8px;
	background-image:url(imagenes/sombra_sup.jpg);
	background-repeat:repeat-x;
}
	
#Footer{
	margin-top:3em;
}	
/**************************************************
Tipografia y presentacion
**************************************************/
body{
	font-size:62.5%;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.4em;
	font-weight:bold;
	color:#3333cc;
	margin-left:170px;
	margin-top:10px;
}

h2{
	margin-left:170px;
	color:#3333cc;
	font-size:1.8em;
	font-weight:bold;
}

p{
	margin:1em 0;
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:justify;
}

li{
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

em{
	font-style:normal;
	font-weight:bold;
	color:#FF6600;
	text-align:center;
}

#Footer p{
	text-align:center;
	color:#666666;
}

.Azul{
	color:#0000FF;
}

.Mayor{
	font-size:1.2em;
}

.FooterSuperior {
	border-bottom:1px;
	border-bottom-color:#666666;
	border-bottom-style:solid;
	padding-bottom:10px;
	margin-left:80px;
	margin-right:80px;
}

.FooterInferior a:link,
.FooterInferior a:hover,
.FooterInferior a:visited,
.FooterInferior a:active{
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}

.FooterSuperior a:link,
.FooterSuperior a:hover,
.FooterSuperior a:visited,
.FooterSuperior a:active{
	text-decoration:none;
	color:#FF6600;
	font-weight:bold;
}

.FooterInferior{
	padding-bottom:6px;
}



.Centrado{
	text-align:center;
}

#Aviso{
	margin-left:170px;
	margin-right:20px;
	border-style:solid;
	border-width:1px;
	border-color:#0000FF;
	padding-left:5px;
	padding-right:5px;
}

.Negrita{
	font-weight:bold;
}

.Cursiva{
	font-style:italic;
}

.Mayusculas{
	text-transform:uppercase;
	font-weight:bold;
}

.PegarArriba{
	margin-top:0;
}

#Aviso em{
	margin-bottom:0;
	padding-bottom:0;
}

.Tarificacion #Content p{
	margin-left:170px;
	margin-right:10px;
}

#TablaPrecios{
	width:544px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.4em;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	border-collapse:collapse;
	font-weight:normal;
	background-color:#ffdba6;
}

#TablaPrecios .TerceraColumna{
	width:20%;
	text-align:center;
}

#TablaPrecios td,
#TablaPrecios th{
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	height:25px;
}

#TablaPrecios th{
	background-color:#ff9900;
	width:15%;
	text-align:center;
	font-weight:normal;
}

#TablaPrecios thead{
	background-color:#ffffff;
}

#TablaPrecios thead th{
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}

#TablaPrecios caption{
	width:545px;
	margin:0 auto;
	text-align:left;
	background-color:#ff9900;
	color:#ffffff;
	padding:0.5em;
	font-weight:bold;
	border-width:1px;
	border-color:#999999;
	border-style:solid;
	border-collapse:collapse;
}


#NotaImportante{
	cursor:pointer;
}

.ErrorValidacion,
.ErrorValidacion *{
	color:#FF0000;
}

.ErrorValidacion{
	margin-left:170px;
}

#CondicionesEspeciales{
	margin-left:0;
}
	
.Tarificacion #Content #Coberturas{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:200px;
	border-color:#ffffff;
	border-width:1;
	text-align:center;
	border-style:ridge;
	padding-left:45px;
	padding-right:45px;
	padding-bottom:2px;
	padding-top:2px;
}

#CondicionesEspeciales li{
}

.Presentacion ol{
	margin-left:170px;
}

.Presentacion ul{
	margin-left:170px;
}

.Presentacion ul ul{
	margin-left:17px;
	margin-top:6px;
	margin-bottom:1.5px;
}

.Presentacion ol ul{
	margin-left:17px;
	margin-top:6px;
	margin-bottom:1.5px;
}

.Presentacion #Content p{
	margin-left:170px;
	margin-right:10px;
}

ul p{
	margin-top:1.5px;
	margin-bottom:3px;
	margin-left:0px;
}

.Presentacion #Content ol p{
	margin-left:10px;
	margin-right:10px;
}

/*****************************
Preparacion de los formularios
*****************************/

.flotar
{
	float:left;
}

.flotarderecha{
	float:right;
}

#scompania{
	margin-left:-120px;
}

#si,
#nop{
	margin-left:40px;
}

#labelcompania{
	float:left;
	margin-left:0;
}


#FormularioDatos {
	margin-top:0;
	width:550px;
	margin-left:150px;
}

#FormularioDatos fieldset{
	border:0px solid #ccc;
	margin-left:20px;
	margin-top:15px;
	padding-left:10px;
}

#FormularioDatos legend{
	font-size:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	margin-bottom:0.5em;
	padding-bottom:1em;
}

#FormularioDatos fieldset #otracompania legend{
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	margin-bottom:0.5em;
	padding-bottom:1em;
}

#FormularioDatos label{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-weight:bold;
	color:#666666;
	float:left;
	/*clear:left;*/
	font-size:1.2em;
	margin-bottom:0.5em;
	width:14em;
	text-align:right;
	padding-right:0.5em;
	padding-top:0.1em;
}

#Pago .labelpago{
	text-align:left;
	color:#ff6600;
	font-size:1.2em;
	font-weight:bold;
}

#Pago #ccc{
	margin-left:-100px;
}

#Pago input{
	margin-right:5px;
}

#Pago #lbanco{
	margin-left:-53px;
}

#Pago #lsucursal{
	margin-left:-110px;
}

#Pago #ldc{
	margin-left:-142px;
}

#Pago #lcuenta{
	margin-left:-100px;
}

#FormularioDatos .Fecha{
	float:left;
	padding-top:0.5em;
	padding-left:0.3em;
	padding-right:0.3em;
}

#FormularioDatos select,
#FormularioDatos input{
	display:block;
	float:left;
	margin-bottom:0.5em;
}

#FormularioDatos .Oferta,
#FormularioDatos .Legal{
	clear:none;
	text-align:left;
}

#FormularioDatos .Legal{
	width:auto;
}

#FormularioDatos input[type=radio],
#FormularioDatos input[type=checkbox]{
	clear:left;
}

#FormularioDatos #si{
	clear:none;
}


#FormularioDatos br{
	clear:both;
}

.Obligatorio,
#FormularioDatos .Obligatorio{
	color:#ff6600;
	font-size:1.2em;
	font-weight:bold;
}

#FormularioDatos #documentos{
	margin-left:0px;
}

#FormularioTarificacion {
	margin-top:0;
	width:75%;
	margin-left:150px;
}

#FormularioTarificacion fieldset{
	border:0px solid #ccc;
	margin-left:20px;
	margin-top:15px;
	padding-left:10px;
}

#FormularioTarificacion legend{
	font-size:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	margin-bottom:0.5em;
}

#FormularioTarificacion label{
	display:block;
	float:left;
	clear:left;
	font-size:1.5em;
	margin-bottom:0.5em;
	width:9em;
	text-align:right;
	padding-right:0.5em;
}

#FormularioTarificacion select,
#FormularioTarificacion input{
	display:block;
	float:left;
	margin-bottom:0.5em;
}

#FormularioTarificacion br{
	clear:both;
}

#FormOpciones{
	margin-left:170px;
}

#FormOpciones fieldset{
	border:0;
}

#FormOpciones legend{
	display:none;
}

#FormOpciones label{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	clear:left;
	width:380px;
	background-color:#ccffff;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}

#FormOpciones input{
	margin-right:5px;
	margin-left:5px;
}


/***********
Hacks*******
***********/
* html #Ofertas{
	margin-left:-3px;
	margin-right:-3px;
}

* html #ImagenCabecera{
	margin-bottom:-2px;
}

* html #FormularioTarificacion{
	width:65%;
}

* html #FormularioDatos .Radio{
	clear:left;
}

* html #FormularioDatos .Oferta{
	
}

*html .Presentacion ol ul,
*html .Presentacion ul ul{
	margin-left:25px;
	margin-bottom:7px;
}

*html .Presentacion ol{
	margin-left:190px;
}

*html .Presentacion ul{
	margin-left:190px;
}

*html p{
	margin-left:160px;
}

*html .FooterInferior{
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	margin-left:0px;
}

*html #Aviso p{
	margin-left:-0px;
}



/*no se por que estos dos, no entiendo por que me cambia los tipos de letra y tamagnos*/

*html .Presentacion ol ul{
	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

*html .Presentacion ol p{
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

*html .Presentacion ol ul ul{
	font-size:0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}