/* HOJA DE ESTILOS JCRASESORES V1 */

body 
{
	margin:0;
	padding:0;
}

/* Armazon de la web */
.contenedor_ppal
{
	margin:0 0 0 -389px;
	padding:0; 
	width:770px; 
	height:auto;
	position:relative;
	display:block;
}

/* Armazon de la web */
#wrapper 
{ 
	margin:0;
	padding:0 0 0 50%; 
	display:block;
	height:auto;
}

/* Encabezado de la web */
#top
{
	width:100%;
	margin:0;
	display:block;
	height:42px;
}

/* Logo principal */
.logo
{
	display:block;
	float:left;
	width:auto;
	height:auto;
	margin:0;
}

/* Flash */
.flash
{
	margin:0;
	display:block;
	position:absolute; 
	right: -2px; 
	top: 45px; 
	width:740px;
	height:180px;
	z-index:0;	
}

/* Parte central de la web, contiene menu deslizante e imagen flash */
#menu 
{
	width: 100%;
	height:180px;
	margin:0;
	display:block;
}

/* Menu deslizante */
#sideBar{
	margin:0;
	width:auto;
	height:auto;
	position:absolute;
	top:62px;
	left:5px;
	display:block;
	background-image:url(../img/slide-background.gif);
	background-position:top left;
	background-repeat:repeat-y;
	/* Ajustamos el eje z de profundidad para que quede por encima de la imagen flash */
	z-index:1;
}

/* Letras "Menú" del menu deslizante */
#sideBar h1{
	color:#FFFFFF;
	font-size:90%;
	font-family:helvetica;
	margin:10px 10px 10px 10px;
	font-weight:bold;
}
	
/* Letra "u" de las letras "Menú" */
#sideBar h1 span{
	font-size:105%;
	font-weight:normal;
}
	
/* Lista del menu deslizante */
#sideBar ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* Items de la lista del menu deslizante */	
#sideBar li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	background-color:#466480;
	width:177px;
}

/* Vinculos dentro de los items de la lista del menu deslizante */		
#sideBar li a{
	width:100%;
}
	
/* En estado normal y visitados */
#sideBar li a:link,
#sideBar li a:visited{
	color:#FFFFFF;
	font-family:helvetica;
	font-size:70%;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
}

/* Estado cuando se pasa el puntero por encima */	
#sideBar li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bolder;	
}
	
/* Boton "Menú" del menu deslizante */
#sideBarTab{
	float:left;
	height:auto;
	width:28px;
	display:block;
	margin:0;	
}

/* Imagen del boton "Menú" del menu deslizante */	
#sideBarTab img{
	border:0px solid #FFFFFF;
	margin:0;
}

/* Cuerpo del menu deslizante (donde esta la lista de vinculos) */
#sideBarContents{
	overflow:hidden !important; 
	margin:0;
	float:left;
}

/* Cuerpo del menu deslizante (donde esta la lista de vinculos) */
/* Bloque interior */	
#sideBarContentsInner{
	width:200px;
	margin:0;
}

/* Formato de vinculos del encabezado */
.vinculo_top
{
	padding:0 5px 0 5px;
	float:right;
	display:block;
	margin:25px 0 0 0;
}

.vinculo_top a
{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:65%; 
	color:#000000;
}

.vinculo_top a:hover
{
	color:#4183BF;
}

/* Parte inferior de la web */
#pie
{
	margin:0 0 10px 0; 
	padding:7px 0 0 0; 
	border-top:1px dashed #8C9BA4; 
	width:734px;
	float:right; 
	display:block;
}

#pie p
{
	margin:0;
	display: block;
	width: auto;
	height: auto;
	float:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:45%; 
	color:#000000;
}

#pie a
{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:45%; 
	color:#000000;
	padding:0 5px 0 5px;
	float:right;
	display:block;
}

#pie a:hover
{
	color:#4183BF;
}

/* Contenedor que agrupa el contenido de cada web */
.contenedor_contenido
{
	margin:0 0 0 0px;
	padding:0; 
	width:770px; 
	height:auto;
	position:relative;
	display:block;
}

/* Texto del contenido alineado a la izquierda */
.texto_contenido_izq
{
	width:466px;
	display:block;
	padding-bottom:20px;
	padding-top:10px;
	float:left;
	color: #000000;
	text-align: justify; 
	text-decoration: none;
	font-weight: normal; 
	font-size: 10px; 
	line-height: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Texto del contenido alineado a la izquierda de la pagina principal */
.texto_contenido_izq_ppal
{
	width:560px;
	display:block;
	padding-bottom:20px;
	padding-top:10px;
	float:left;
	color: #000000;
	text-align: justify; 
	text-decoration: none;
	font-weight: normal;
	font-size: 10px; 
	line-height: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Formato de lista del texto de la pagina principal */
.list2
{
	margin-left:50px;
	padding-left: 30px;
	font-size:105%;
	color: #343f88;
	list-style-type:disc;
}

/* Formato de lista del texto de Servicios */
.list3
{
	padding-right: 20px; 
	margin-left:35px;
	padding-left: 30px;
	line-height:15px;
	font-size:105%;
	color: #343f88;
	list-style-type:disc;
}

/* Formato de imagen de dentro de text_contenido_izq */
.texto_contenido_izq img
{
	 margin-left:24px;
}

/* Estilo parrafo texto_contenido */
.par1
{
	margin-left:20px;
	padding-right: 20px; 
	padding-left: 30px; 
	padding-bottom: 2px; 
	padding-top: 2px;
	font-size:105%;
	color: #343f88;
}

/* Vinculo del parrafo en diferentes estados */
.vinculo_parrafo:link {
	font-size: 11px; 
	color: #4062a2;
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline; 
}

.vinculo_parrafo:hover:link {
	font-size: 11px; 
	color: #5478bc; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

.vinculo_parrafo:visited {
	font-size: 11px; 
	color: #4062a2; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}

.vinculo_parrafo:hover:visited {
	font-size: 11px; 
	color: #5478bc; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

.vinculo_parrafo:active {
	font-size: 11px; 
	color: #4062a2; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}

/* Formato de vinculo */
.texto_contenido_izq a
{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;
}

/* Estado del vinculo cuando el puntero pasa por encima */
.texto_contenido_izq a:hover
{
	color:#4183BF;
}

/* Cuadro del contenido alineado a la derecha */
.cuadro_contenido_der
{
	float:right; 
	width: 277px; 
	padding-top: 1em; 
	margin-left:27px;
}

/* Imagen decorativa de la pagina principal */
#telefono
{
	float:right;
	position:absolute;
	top:26px;
	right:3px;
	display:block;
}

/* Vinculo de la pagina principal en diferentes estados */
.contenido_enlazado:link {
	font-size: 11px; 
	color: #4062a2;
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	margin-left:20px;
	padding-left: 30px; 
}

.contenido_enlazado:hover:link {
	font-size: 11px; 
	color: #5478bc; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	margin-left:20px;
	padding-left: 30px; 
}

.contenido_enlazado:visited {
	font-size: 11px; 
	color: #4062a2; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	margin-left:20px;
	padding-left: 30px; 
}

.contenido_enlazado:hover:visited {
	font-size: 11px; 
	color: #5478bc; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	margin-left:20px;
	padding-left: 30px; 
}

.contenido_enlazado:active {
	font-size: 11px; 
	color: #4062a2; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	margin-left:20px;
	padding-left: 30px; 
}

/* Cuadro o box propiamente dicho */
.sidebar-box {
	background: url(../img/sidebar-bottom.gif) no-repeat 50% bottom; 
	float: left; 
	margin-bottom: 10px; 
	padding-bottom: 25px; 
	width: 277px; 
}

/* Titulo del box */
.sidebar-box h1 {
	padding-left: 0px; 
	font-size: 17px; 
	background: url(../img/sidebar-main.gif) no-repeat 50% bottom; 
	float: left; 
	margin: 0px; 
	width: 277px; 
	color: #ffffff; 
	line-height: 28px; 
	font-family: "Trebuchet MS", Verdana, sans-serif, "Courier New"; 
	height: 34px;
}

/* Lista del box */
.list {
	padding-right: 20px; 
	padding-left: 20px; 
	background: url(../img/sidebar-bd.gif) repeat-y; 
	float: left; 
	padding-bottom: 5px; 
	margin: 0px; 
	width: 237px; 
	padding-top: 10px; 
	list-style-type: none;
}

/* Imagenes que contiene la lista */
.list img {
	border-top-width: 0px; 
	border-left-width: 0px;
	border-bottom-width: 0px; 
	border-right-width: 0px;	
}

/* Lista propiamente dicha */
.list ul {
	padding-right: 0px;
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px;
	margin: 0px;
	width: 237px; 
	padding-top: 0px; 
	list-style-type: none;
	
}

/* Elementos de la lista */
.list li {
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 13px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 5px; 
	width: 237px;
	color: #000000; 
	line-height: 18px; 
	padding-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:65%;
}

/* Vinculos dela lista */
.list li a {
	padding-left: 10px; 
	padding-bottom: 1px; 
	margin: 0px; 
	color: #000000; 
	padding-top: 1px; 
	text-decoration: none;
}

/* Estado cuando el puntero pasa por encima */
.list li a:hover {
	color: #a21300;
	padding-left: 10px; 
	padding-bottom: 1px; 
	padding-top: 1px; 
	text-decoration: none;
	position:relative;
	left:10px;
}

/* Estilo del cuadro de labels de Contacto */
#contacto_label
{
	float:left;
	display:block;
	margin-left:10px;
	width:100px;
	margin-bottom:130px;
}

/* Formato de lista */
#contacto_label ul
{
	list-style-type:none;
	line-height:24px;
	font-size:105%;
	color: #343f88;
}

/* Estilo del cuadro de textboxes de Contacto */
#contacto_txt
{
	
	margin-left:0px;
	display:block;
	width:auto;
	float:left;
}

/* Formato de lista */
#contacto_txt ul
{
	list-style-type:none;
}

/* Formato del textbox del campo Mensaje */
.txtMensaje
{
	width:270px;
	height:150px;
	display:block;
}

/* Cajon que contiene el boton y el label de contacto */
#pie_contacto
{
	display:block;
	width:auto;
}

/* Formato del boton Enviar del formulario de Contacto */
.btnEnviar
{
	position:relative;
	left:120px;
	display:block;
	float:left;
}

/* Formato del label de Error del formulario de Contacto */
.lblError
{	
	position:relative;
	left:130px;
	display:block;
	float:left;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Formato del label de campo obligatorio de Mensaje del formulario de Contacto */
.lblObligatorioMensaje
{	
	position:absolute;
	top:129px;
	right:337px;
	display:block;
	width:auto;
}

/* Formato de tabla de tarifas */
.tabla
{
	margin-left:46px;
	padding-right: 20px; 
	padding-bottom: 2px; 
	padding-top: 2px;
	font-size:105%;
	color: #343f88;
}

/* Columna 1 */
.col1
{
	width:350px;
}

/* Columna 2 */
.col2
{
	width:60px;
}