/* RESET */
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, img, 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;
}
/* FIN DEL RESET */
.clearfix {
    display:block;
}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

body{
    font-size:0.85em;
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.15em;
/*     background-color: #F0F0F0; */
    color: #666666;
    border-top:5px solid #1B558E;
}
p {
    line-height: 1.5em;
    text-align:justify;
}
a {
    text-decoration: none;
    color: #1B558E;
/*     border-bottom:1px dotted #0000AA; */
}
a:hover{
    color:#809CC9;
/*     border-bottom:1px solid #0000AA; */
}
a img{
    border: none;
}
h1{
    background: transparent url('../graficos/logo.gif') no-repeat scroll 0% 0%;
    cursor:pointer;
    text-indent: -9999px;
    display:block;
    float:left;
    width:170px; height:95px;
    margin:5px 5px 0 0;
}

h2 {
	padding: 20px 0 0;
	font-size: 1.2em;
}

h2.adornada{
    color: #FFFFFF;
    font-weight:bold;
    padding:5px;
/*     margin-bottom:25px; */
/*    height:45px;*/
    background-image:url('../graficos/layout/bg_cabecera.png');
    background-repeat:no-repeat;
    background-position:right bottom;
}

h2.adornada.azul{
	background: #00427e  url(../graficos/fondos/fondoH22.jpg) repeat-y right top ;
    margin:0 0 1em 0;
}

h2.adornada.azul_claro{
	background: #809cc9 url(../graficos/fondos/fondoH2.jpg) repeat-y right top ;
	height:20px;
}

div.wrapper{
    width:950px;
    margin: 0 auto 1em auto;
}

div.contenido{
    float:left;
    width:100%;
}

ul.messages{
    padding:5px;
    margin:1px;
    border:1px dotted #FF0000;
    background-color:#FFBBBB;
    font-weight:bold;
    text-align:center;
    color:#FF0000;
}

ul.messages li a{
    color:#DD0000;
    border-bottom:1px dotted #DD0000;
}

img.texto{
    vertical-align:middle;
}

ul.barra_superior{
    color:#666666;
    font-size:0.7em;
    float:right;
    width:600px;
/*     border:1px solid red; */
    text-align:right;
}

ul.barra_superior li{
    float:right;
    margin:1px 1em 0 0;
}

ul.idiomas li.active{
	text-decoration:underline;
}
/*li.form_idioma ul li{
    float:left;
}

li.form_idioma select{
    font-size:0.9em;
}*/


ul.menu_superior{
    list-style:none;
    padding-top:60px;
    float:right;
    margin:0 0 15px 0;
    width:710px;
}

ul.menu_superior li{
    float:left;
    padding:5px 6px 5px 6px;
    font-weight:bold;
    font-size:0.95em;
    color:#1B558E;
    background-color:#F2F2F2;
    margin:0 0 0 10px;
}

ul.menu_superior li.activo {
	border-bottom:3px solid #1B558E;
} 

div.pie{
    float:left;
    width:100%; height:125px;
    background-image:url('../graficos/layout/bg_footer.jpg');
    color:#333333;
    margin:2em 0 0 0;
}

div.pie p{
    padding-top:15px;
    margin:0 1em 15px 0;
    text-align:center;
}

div.pie ul{
    padding:2px;
/*     float:left; */
    width:31em;
/*     border:1px solid red; */
    margin: 0 auto 1em auto;
}

div.pie ul li{
    float:left;
    margin:0 1em 0 0;
    background-color:#e4e8f1;
    padding: 5px 0 5px 4px;
}

/* F O R M U L A R I O S */
form.vertical{
    margin:1em 0;
    background-color:#F8F8F8;
    padding:10px;
    border:1px dotted #BFBFBF;
    position:relative;
    display: block;
}
form.vertical dl{
    margin:0em 0 1em 0;
}

form.vertical dl dt{
    font-weight:bold;
    margin:0 0 2px 0;
    font-size:1em;
}

form.vertical dl dd input, form.vertical dl dd textarea{
    background-color:#FFEEEE;
}
form.vertical dl dd input{
     font-size:1em;   
}
ul.errorlist li{
    color:#FF0000;
    font-size:0.9em;
    font-style:italic;
}

form.horizontal div.field{
	float:left;
    margin:0 1em 0 0;
}

/* General */
.draggable{
    cursor:pointer;
}

img.inline{
    vertical-align:top;
}

.hidden{
    display:none;
}

.promoteZ{
	 z-index: 2006;
}

p.volver{
    margin:1em 0;
    text-align:center;
}

.clear{
	clear:both;
}

p.suscribir{
    margin:1em 0 1em 0;
    padding:4px;
    background-color:#FFBBBB;
    border:1px dotted #FF0000;
    font-weight:bold;
    text-align:center;
}
form{
/*     border:1px solid red; */
    /*
margin:1em 0;
*/
}

form.horizontal dl.field{
    float:left;
    margin:0 1em 0 0;
}

form.horizontal p.send{
    float:left;
    margin:1em 0 0 0;
}

form.vertical dl{
    margin:0 0 1em 0;
}

form p.error{
    clear:both;
    color:#ff0000;
    text-align:center;
}

table.formateada{
    width:100%;
    margin:1em 0;
    border: 1px solid #CBC7B8;
}

table.formateada tr.impar{
}

table.formateada tr.par{
    background-color:#edf5ff;
}

table.formateada tr th{
    padding:4px;
    background-image:url('../../graficos/layout/bg_cabecera_tabla.png');
    border-bottom:1px solid #CBC7B8;
    border-left: 1px solid #CBC7B8;
}

table.formateada td{
    padding:4px;
    border-bottom:1px solid #CBC7B8;
    border-right:1px solid #CBC7B8;
}

table.formateada.vertical tr th{
    border-right: 1px solid #CBC7B8;
}

table.formateada tbody tr.hover{
    background-color:#2D68B3!important;
    color:#FFFFFF;
}

table.formateada tbody tr.hover td{
	background-color:#2D68B3!important;
}

table.formateada tbody tr.hover td a{
    color:#FFFFFF;
    text-decoration:underline;
}

/******************/
/**  PAGINADOR  **/
/*****************/

ul.paginador{
    margin:1em 0 1em 0;
    font-size:1em;
    padding:5px;
    background-color:#F8F8F8;
    border:1px dotted #D7D7FF;
}

ul.paginador li{
    float:left;
}

ul.paginador li.enlaces{
    float:right;
}

/******************/
/**  Def. LISTS  **/
/*****************/
dl.formateada{
    margin:1em 0;
}
dl.formateada dt{
    font-weight:bold;
    font-size:1.1em;
    text-decoration:underline;
    margin:1em 0;    
}
dl.formateada dd{
    margin:0 0 0 1em;    
}
/******************/
/**  Listados  **/
/*****************/
ul.listado{
    margin:1em 0;
    list-style:disc;
    list-style-position:inside;
}
ul.listado li{
    margin:0 0 1em 1em;
}
/******************/
/**  Contenedores  **/
/*****************/
div.contenedor_testimonios{
    
}

/********************************************/
/**  Nota legal y pol�tica de privacidad  **/
/*******************************************/
h2.nota_legal, h2.politica_privacidad{
    font-size:1.5em;
    text-align:center;
    margin:1em 0 0 0;
}

/******************/
/**  Sugerencias  **/
/*****************/
form#sugerenciasForm table{
    width:100%;
}
form#sugerenciasForm table th{
    vertical-align:top;
}

form#sugerenciasForm table td#enviarSugerencia{
    text-align:center;
}

/* CABECERAS */
dl.cabecera_degradado{
    background-image:url('../graficos/layout/bg_destacado.jpg');
    background-repeat:repeat-x;
    padding:10px;
    margin:0 0 1em 0;
    width:930px;
}

dl.cabecera_degradado dt{
    display:block;
    color:#638AB2;
    font-size:2.4em;
    margin:10px 0 1em 0;
    text-align:center;
}

dl.cabecera_degradado dd{
    color:#FFFFFF;
}


/******************/
/**  Botones  **/
/*****************/
a.botonBuscar {
  background-image: url(../graficos/botones/botonBuscar_izq.gif);
  background-position: left top;
  background-repeat: no-repeat;
  height: 40px;
  text-decoration: none;
  text-shadow: #000 1px 1px 3px;
  letter-spacing: -2px;
  width: 120px;
  text-align: center;
  color: #fff;
  display: block;
} 
a.botonBuscar span {
  background-image: url(../graficos/botones/botonBuscar_der.gif);
  background-position: right top;
  background-repeat: no-repeat;
  height: 30px;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: block;
}
a.botonBuscar:hover {
	  background-position: left bottom;
} 
a.botonBuscar:hover span {
	  background-position: right bottom;
}

a.botonSugerir {
  background-image: url(../graficos/botones/botonSugerir_izq.gif);
  background-position: left top;
  background-repeat: no-repeat;
  height: 40px;
  text-decoration: none;
  text-shadow: #000 1px 1px 3px;
  letter-spacing: -2px;
  width: 120px;
  text-align: center;
  color: #fff;
  display: block;
} 
a.botonSugerir span {
  background-image: url(../graficos/botones/botonSugerir_der.gif);
  background-position: right top;
  background-repeat: no-repeat;
  height: 30px;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: block;
}
a.botonSugerir:hover {
	  background-position: left bottom;
} 
a.botonSugerir:hover span {
	  background-position: right bottom;
}

/* Botones azules */

a.botonAzul, span.botonAzul {
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
        font-size:0;
        line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:-2px 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
        padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.botonAzul, span.botonAzul,
a.botonAzul span, span.botonAzul button, span.botonAzul input {
    background-image:url(../graficos/botones/btn0.png);
    _background-image:url(../graficos/botones/btn0.png);
}


span.botonAzul button, span.botonAzul input {	
	white-space:nowrap;
	cursor:pointer;
        color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
        letter-spacing:0 !important;
        font-family:"Arial" !important;
        font-size:12px !important;
        font-style:normal;    
        background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
        _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}


span.botonAzul button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.botonAzul span, 
html.safari del.botonAzul span{
  line-height:1.3;
}

html.safari span.botonAzul button{
  line-height:2.6;
}

html.safari a.botonAzul:focus,
html.safari span.botonAzul button:focus{
    outline:none;
}

span.botonAzul button, span.botonAzul input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


		
span.botonGuardar {
	background: url(http://beta.cdn.autocoaching.info/graficos/botones/botonGuardarCerrar.gif) no-repeat top left;
	padding: 13px 0 12px 4px;
                /*display:inline-block; */
	height:40px;
}
		
		span.botonGuardar a, span.botonGuardar input  {
			background: url(http://beta.cdn.autocoaching.info/graficos/botones/botonGuardarFondo.gif) no-repeat top right;
			padding: 10px 9px 12px 5px;
			font-weight:bold; 
			color:#1c568e; 
			font-size:15px;
			text-decoration:none;
			border: none;
			cursor: pointer;
		}
		
		span.botonGuardar a:hover {
			cursor: pointer;
		}


/* Botones verdes */

a.botonOk, span.botonOk {
	display:-moz-inline-box;
	display:inline-block !important;
	cursor:pointer;
	border:none;
        font-size:0;
        line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
        color:#FFF !important;
	font-style:normal;
        font-weight:bold !important;
        text-transform:uppercase;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
        padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.botonOk, span.botonOk,
a.botonOk span, span.botonOk button, span.botonOk input {
    background-image:url(../graficos/botones/btn1.png);
    _background-image:url(../graficos/botones/btn1.png);
}


span.botonOk button, span.botonOk input {	
	white-space:nowrap;
	cursor:pointer;
        color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
        letter-spacing:0 !important;
        font-family:"Arial" !important;
        font-size:12px !important;
        color:#FFF !important;
	font-style:normal;
        font-weight:bold !important;
        text-transform:uppercase;
        background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
        _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}


span.botonOk button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.botonOk span, 
html.safari del.botonOk span{
  line-height:1.3;
}

html.safari span.botonOk button{
  line-height:2.6;
}

html.safari a.botonOk:focus,
html.safari span.botonOk button:focus{
    outline:none;
}

span.botonOk button, span.botonOk input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}
		/* span.botonOk {
			background: url(../graficos/botones/botonOkCerrar.gif) no-repeat top left;
			padding: 4px 0 7px 4px;
			height: 27px;
			
		}
		
		span.botonOk a, span.botonOk input  {
			background: url(../graficos/botones/botonOkFondo.gif) no-repeat top right;
			padding: 5px 9px 8px 5px;
			font-weight:bold; 
			color:#fff; 
			font-size:11px;
			text-decoration:none;
			border: none;
			cursor: pointer;
		}
		
		span.botonOk a:hover {
			text-decoration:underline;
			cursor: pointer;
		}
		*/

		a.botonBorrar, input.botonBorrar  {
			background: url(../graficos/botones/button_cancel.gif) no-repeat top right;
			padding:2px 20px 3px 10px;
			font-family: Arial; 
			font-weight:bold; 
			color: red; 
			font-size:11px;
			text-decoration:none;
			border: none;
			cursor: pointer;
		}
		a.botonBorrar { margin-left:10px;
                }

		
  /**************/
 /* Formulario */
/**************/

.formulario textarea {
	display: block;
}

.explorerHack {
	height: 250px;
	display: block;
}

.explorerHackB {
	height: 300px;
	display: block;
}

.explorerHackBig {
	height: 420px;
	display: block;
}

.explorerHackBig .field {
	height: 200px;
	display: block;
}

.explorerHackBig .widget textarea {
	height: 170px;
	display: block;
}
