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

body
{
	padding: 0 auto;
	margin: 0 auto;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	background: #000000 none repeat scroll 0 0;
}

.submenu
{
	float: left;
	width: 100%;
	height: 21px;
}

img
{
	border: none;
}

.clear
{
	border: medium none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.headerLinks
{
	text-align: right;
}
.headerLinks a
{
	color: #ffffff;
	font-family: Comic Sans MS;
	font-size: 13px;
	text-align: right;
	text-decoration: none;
}
.headerLinks .separator
{
	margin: 0px 3px 0px 3px;
}

/****************************/
/* Sections
/****************************/

.PageWrapper
{
	height: 100%;
	text-align: left;
	margin: 0px auto;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	width: 995px;
	vertical-align: top;
	background-color: #000000;
}

.PageHeader
{
	vertical-align: top;
	width:995px;
	float:left;
}

.PageHeaderMenu .menu
{
	float: left;
	vertical-align: top;
	text-align: center;
	background: #000000 url(http://www.ejviso.com/includes/images/menu/fondomenu.gif) repeat-x top;
	height: 23px;
	width: 100%;
}

.PageHeaderMenu .submenu
{
	float: left;
	background: #000000 url(http://www.ejviso.com/includes/images/menu/fondosubmenu.gif) repeat-x top;
	width: 100%;
	height: 21px;
}

.PageBackground
{
	float: left;
	width: 100%;
	min-height: 407px;
	background: url(http://www.ejviso.com/App_Themes/Interna/images/fondoi.jpg) repeat;
}

/****************************/
/* Noticias Indycar
/****************************/
.Noticias, .Indycar
{
	float: left;
	width: 100%;
	min-height: 420px;
	background: url(http://www.ejviso.com/App_Themes/Interna/images/fondob.jpg) repeat-x;
	background-position: bottom;
}

/*Control busqueda x fecha*/
.Noticias .month, .Indycar .month
{
	margin-left: 15px;
	margin-top: 20px;
	font-family: Comic Sans MS;
}
.Noticias .year, .Indycar .year
{
	font-family: Comic Sans MS;
}
.Noticias .indice, .Indycar .indice
{
	margin-top: 10px;
	margin-left: 50px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #ffffff;
}

/*listado bloques negros*/
.Noticias .listadonoticias .listado ul, .Indycar .listadonoticias .listado ul
{
	list-style-type: none;
	width: 225px;
	text-align: left;
	float: left;
	margin: 5px 0px 0px 15px;
}

.Noticias .listadonoticias .listado li, .Indycar .listadonoticias .listado li
{
	border: 1px dotted #929291;
	border-width: 1px 0;
	margin: 5px 0;
}

.Noticias .listadonoticias .listado li a, .Indycar .listadonoticias .listado li a
{
	color: #990000;
	display: block;
	padding: 5px;
	text-decoration: none;
}

* html .Noticias .listadonoticias .listado li a
{
	/* make hover effect work in IE */
	width: 400px;
}

* html .Indycar .listadonoticias .listado li a
{
	/* make hover effect work in IE */
	width: 400px;
}
.Noticias .listadonoticias .listado li a:hover, .listadonoticias .listado .current
{
	background: #000000;
	color: #ffffff;
}
.Indycar .listadonoticias .listado li a:hover, .listadonoticias .listado .current
{
	background: #000000;
	color: #ffffff;
}
.Noticias .listadonoticias .listado a .titulo, .Indycar .listadonoticias .listado a .titulo
{
	color: #ffffff;
	display: block;
	line-height: 125%;
	font-size: 12px;
}

.Noticias .listadonoticias .listado a .fecha, .Indycar .listadonoticias .listado a .fecha
{
	color: #125F15;
	line-height: 150%;
	font-size: 10px;
}

/*************************
** NOTICIAS / INDYCAR: columna de despliegue de la noticia
** tienen distinta ubicacion y ancho, mismo estilo
*************************/
.Noticias .detalle
{
	float: left;
	text-align: left;
	margin: -60px 20px 10px 80px;
	width: 550px;
}

.Indycar .detalle
{
	float: left;
	text-align: left;
	margin: -60px 10px 10px 20px;
	width: 400px;
}

.Noticias .listadonoticias .detalle .titulo, .Indycar .listadonoticias .detalle .titulo
{
	font-size: large;
	font-weight: bold;
	color: #ffffff;
}

.Noticias .listadonoticias .detalle .texto, .Indycar .listadonoticias .detalle .texto
{
	margin: 0px 0px 0px 0px;
	text-align: justify;
	font-size: 12px;
	padding: 20px 20px 20px 20px;
}

.Indycar .listadonoticias
{
	width: 700px;
	float: left;
}
/*************************
** INDYCAR - calendario
*************************/
.Indycar .calendario
{
	float: left;
	width: 280px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 10px;
}
.Indycar .calendario .titulo
{
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
	padding-left: 3px;
	background-color: #003300;
}
.Indycar .calendario .listado
{
	margin-top: 10px;
}
.Indycar .calendario .nombre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003300;
	text-decoration: none;
	text-transform: uppercase;
	list-style: none;
	border: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	padding-top: 5px;
}
.Indycar .calendario .fecha
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	list-style: none;
	border: none;
	margin-top: -5px;
	padding-top: -5px;
}
.Indycar .calendario .listado ul
{
	list-style: none;
	text-decoration: none;
	border: none;
}
.Indycar .calendario .listado a
{
	list-style: none;
	text-decoration: none;
	border: none;
}
/****************************/
/* Galerias 
/****************************/


.Galerias .arbol, .Galeria .arbol
{
	float: left;
	width: 150px;
	height: 100%;
	margin: 20px 20px 10px 15px;
	list-style-type: none;
	text-decoration: none;
	line-height: 30px;
	font-family: Comic Sans MS;
	font-size: 12px;
}
.Galerias .nodo, .Galeria .nodo
{
}
.Galerias .nodoroot, .Galeria .nodoroot
{
	font-size: 20px;
}
.Galerias .nodover, .Galeria .nodover
{
	list-style-type: none;
}
.Galerias .nodoselect, .Galeria .nodoselect
{
	list-style-type: none;
}

.Galerias #pagination
{
	position: relative;
	float: right;
	margin: -50px 10px;
}
.Galerias .galerialist
{
	position: relative;
	margin-right: 10px;
	margin-top: 50px;
	width: 800px; /* important to be same as image width */
	height: 90px; /* important to be same as image height */
}
.Galerias .galerialist .galeria
{
	width: 800px; /* important to be same as image width or wider */
	list-style-type: none;
}
.Galerias .galerialist .thumb
{
	float: left; /* important */
	position: relative; /* important */
	width: 180px;
	height: 120px;
	padding: 5px;
}
.Galerias .galerialist .thumb span
{
	float: left; /* important */
	position: relative;
	top: -23px;
	font-weight: bold;
	font-size: 11px;
	font-family: Comic Sans MS;
	padding: 2px 13px;
	width: 124px;
	background-color: #003300;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #FFFFFF;
	bottom: 0; /*        if you put        top: 0; -> the box with text will be shown at the top of the image         if you put        bottom: 0; -> the box with text will be shown at the bottom of the image    */
}
.Galerias .clear
{
	clear: both;
}
.Galerias .actual
{
}

.Galerias .thumbgal
{
	float: right;
	position: relative;
	width: 80%;
	margin-top: 10px;
	margin-left: 10px;
}


/****************************/
/* Galeria, interna
/****************************/
.Galeria
{
	float: left;
	width: 100%;
	/*height: 474px;
	background: url(http://www.ejviso.com/App_Themes/Interna/images/fondob.jpg) repeat-x;*/
	min-height: 420px;
	background: url(http://www.ejviso.com/App_Themes/Interna/images/fondob.jpg) repeat-x;
	background-position: bottom;
}
.Galeria #ctl00_Contenido_lbnombre
{
	font-weight: bold;
	font-size: large;
	color: #ffffff;
	text-decoration: none;
	font-family: Arial;
	margin-bottom: 2px;
}

.Galeria .Pager
{
	float: left;
	text-align: center;
	width: 680px;
	margin-bottom: 10px;
	margin-left: 280px;
}

.Galeria .listado .list
{
	float: right;
	width: 750px;
	list-style: none;
	padding: 20px auto 10px auto;
	overflow: hidden;
}

.Galeria .listado .item
{
	padding: 1px;
	position: relative;
	display: block;
	float: left;
}

.Galeria .listado a.link
{
	text-decoration: none;
}

.Galeria .listado .imgallery
{
	background: #ffffff;
	border: solid 1px #ffffff;
	padding: 1px;
	display: block;
}

.Galeria .last
{
	float: left;
	width: 180px;
}

.Galeria .last .link
{
	color: #ffffff;
	font-size: 11px;
}

.Galeria .last .galerialist
{
	width: 160px; /* important to be same as image width */
	height: 360px; /* important to be same as image height */
	margin: 10px 5px 0px 0px;
}

.Galeria .last .galerialist .galeria
{
	width: 160px; /* important to be same as image width or wider */
	list-style-type: none;
}

.Galeria .last .galerialist .thumb
{
	float: left; /* important */
	position: relative; /* important */
	width: 160px;
	height: 90px;
	padding: 5px;
}

.Galeria .last .galerialist .thumb span
{
	float: left; /* important */
	position: relative;
	top: -30px;
	font: 10px/10px Arial, Helvetica, sans-serif;
	padding: 7px 10px;
	width: 130px;
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #fff;
	bottom: 0; /*        if you put        top: 0; -> the box with text will be shown at the top of the image         if you put        bottom: 0; -> the box with text will be shown at the bottom of the image    */
}

/****************************/
/* Biografia
/****************************/
.Biografia
{
	float: left;
	width: 100%;
}
.Biografia .label
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.Biografia .info
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.Biografia .titu
{
	font-weight: bold;
	font-size: large;
	color: #ffffff;
}
.Biografia .preg
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	position: relative;
	margin-left: 3px;
	font-family: Arial;
	font-size: 12px;
	color: #005600;
}
.Biografia .rta
{
	position: relative;
	width: 500px;
	margin-left: 20px;
	margin-top: 3px;
	font-size: 12px;
	color: #000000;
	background-color: Transparent;
	font-family: Comic Sans MS;
	margin-bottom: -48px;
	font-weight: bold;
}

/****************************/
/* Pista
/****************************/
.Pista
{
	float: left;
	width: 100%;
	height: 660px;
}

.Pista .menu-container
{
	float: left;
	width: 200px;
	margin: 20px 20px 0px 80px;
}
.Pista .menulista
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.Pista .listado
{
	float: left;
	width: 550px;
}
.Pista .titulo
{
	font-weight: bold;
	font-size: large;
	color: #ffffff;
	text-decoration: none;
	border-bottom: solid 1px white;
}
.Pista .txtcv
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	float: left;
	width: 330px;
	margin-left: 15px;
	margin-top: 5px;
}
.Pista .year
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #005600;
	text-decoration: none;
	text-align: justify;
	float: left;
	width: 300px;
	margin-top: 0px;
}
.Pista .dots
{
	color: #2b2b2b;
}

.Pista .txtpremio
{
	font-family: Comic Sans MS;
	font-size: 10px;
	font-weight: bold;
	color: #005600;
	text-decoration: none;
	text-align: left;
	width: 250px;
	float: left;
	width: 200px;
	margin: 20px 0px 0px 80px;
}
/****************************/
/* Videos
/****************************/
.Videos
{
	float: left;
	width: 100%;
	height: 660px;
	background: url(http://www.ejviso.com/App_Themes/Interna/images/fondoi.jpg) repeat;
}
.Videos .container
{
	width: 950px;
	height: 360px;
	border: solid 2px #D4E7A5;
	margin: 10px 0px 0px 20px;
	background-color: #ffffff;
}
.Videos .nombre
{
	font-size: 19px;
	font-weight: bold;
	color: #000000;
}
.Videos .descripcion
{
	font-size: 10px;
	color: #000000;
	text-align: justify;
	margin-top: 5px;
	text-indent: 10px;
}
/****************************/
/* Links
/****************************/
.TechPartners
{
		height: 407px;
}
.screen
{
	margin-top:15px;
}


/****************************/
/* Paginacion  Noticias - Indy
/****************************/

#pagination li
{
	border: 0;
	padding: 0;
	font-size: 10px;
	font-family: Comic Sans MS;
	font-weight: bolder;
	text-transform: uppercase;
	list-style: none;
	margin-right: 0px;
	margin-top: 15px;
	float: left;
}
#pagination a
{
	border-bottom: solid 1px #000000;
	margin-right: 2px;
}
#pagination .previous-off, #pagination .next-off
{
	border-bottom: solid 1px #000000;
	color: #000000;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 2px;
	padding: 4px 6px;
}
#pagination .next a, #pagination .previous a
{
	font-weight: bold;
}
#pagination .active
{
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px 6px;
}
#pagination a:link, #pagination a:visited
{
	color: #477083;
	display: block;
	float: left;
	padding: 3px 6px;
	text-decoration: none;
}
#pagination a:hover
{
	border: solid 1px #477083;
}

/****************************/
/* Paginacion  Bio 
/****************************/
.Biografia .numbers
{
	float: left;
	margin: 10px 0px 0px 440px;
	border-bottom: solid 1px #000000;
	border-bottom-width: 1px;
	padding-bottom: 2px;
	font-size: 10px;
	font-weight: bolder;
	color: #000000;
	font-family: Comic Sans MS;
}

.Biografia .cross-link
{
	color: #000000;
	font-family: Comic Sans MS;
	font-weight: lighter;
	text-decoration: none;
	text-transform: uppercase;
}

/****************************/
/* Registro
/****************************/

.Registro
{
	float: left;
	width: 100%;
	background: url(http://www.ejviso.com/App_Themes/Interna/images/fondob.jpg) repeat-x;
	height: 454px;
	font-size: 11px;
}
.Registro .container
{
	float: left;
	width: 915px;
	height: 372px;
	border: solid 2px #6D9B03;
	background-color: #ffffff;
	position: relative;
	left: 44px;
	top: 50px;
}
.Registro .containerform
{
	float: left;
	margin: 20px 21px 23px 47px;
}

.Registro .login
{
	float: left;
	width: 339px;
	height: 100%;
}

.Registro .login .miCuenta
{
	color: #83B900;
	font-weight: bold;
	padding-top: 10px;
	font-size: 17px;
}

.Registro .login .ingresotitulo
{
	background-color: #83B900;
	width: 175px;
	height: 22px;
	color: #ffffff;
}

.Registro .login .ingresotitulo .label
{
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
}
.Registro .login .logintexto
{
	color: #484848;
}
.Registro .login .LoginTableContainer
{
	margin: 15px 0px 0px 10px;
}
.Registro .login .Row
{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.Registro .login .Row input[type=text], .Registro .login .Row input[type=password]
{
	font-size: 11px;
	border: solid 1px #484848;
	height: 17px;
	width: 150px;
}
.Registro .login .RowButton, .Registro .login .forgot
{
	float: left;
	width: 90%;
	text-align: right;
	margin: 10px 32px 10px 0px;
}
.Registro .login .messageError
{
	float: left;
	width: 80%;
	text-align: center;
	margin-left: 10px;
}
.Registro .login .loginContenido
{
	float: left;
	width: 126px;
	color: #484848;
	text-align: right;
}
.Registro .login .ItemValue
{
	float: left;
	margin-left: 5px;
}

.Registro .register
{
	float: left;
	width: 480px;
}

.Registro .registrotitulo
{
	background-color: #000000;
	color: #ffffff;
	width: 175px;
	height: 22px;
}

.Registro .registrotitulo .label
{
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
}
.Registro .register .Row
{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.Registro .register .Row input[type=text], .Registro .register .Row input[type=password]
{
	font-size: 11px;
	border: solid 1px #484848;
	height: 17px;
	width: 150px;
}
.Registro .register .RowButton, .Registro .login .forgot
{
	float: left;
	width: 90%;
	text-align: right;
	margin: 10px 32px 10px 0px;
}
.Registro .register .loginContenido
{
	float: left;
	width: 186px;
	color: #484848;
	text-align: right;
}
.Registro .register .ItemValue
{
	float: left;
	margin-left: 5px;
}
.Registro .register .LoginTableContainer
{
	margin-bottom: 10px;
	margin-left: 20px;
}
.Registro .register .AcceptMessage
{
	margin-left: 30px;
	color: #484848;
}
.Registro .register .ButtonDiv
{
	margin-right: 85px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.Registro .register .MensajeError
{
	margin-top: 5px;
	color: #484848;
	font-weight: bold;
}

/****************************/
/* Activacion
/****************************/
.Activacion
{
	float: left;
	width: 100%;
	background: url(http://www.ejviso.com/App_Themes/Interna/images/fondob.jpg) repeat-x;
	height: 454px;
	font-size: 11px;
}
.Activacion .container
{
	float: left;
	width: 915px;
	height: 372px;
	border: solid 2px #6D9B03;
	background-color: #ffffff;
	position: relative;
	left: 44px;
	top: 50px;
}
.Activacion .texto
{
	font-size: 17px;
	text-align: center;
	margin-top: 50px;
}

/****************************/
/* Fundacion
/****************************/

.Fundacion
{
	float: left;
	width: 100%;
	background: url(http://www.ejviso.com/App_Themes/Interna/images/fondob.jpg) repeat-x;
	height: 454px;
}

.Fundacion .texto
{
	margin: 30px 20px 10px 50px;
	width: 400px;
	float: left;
	font-size: 12px;
	font-family: Arial;
	text-align: justify;
}
.Fundacion a
{
	color: #003300;
}
.Fundacion .activ
{
	margin: 5px 20px 10px 50px;
	width: 450px;
	float: left;
	font-style: italic;
	font-size: 11px;
	font-family: Arial;
	text-align: justify;
	color: black;
	height: 14px;
}

/****************************/
/* Fundacion slideshow*/


.Fundacion #rotator, .Fundacion .rotator
{
	border: 1px solid #000;
	cursor: pointer;
	overflow: hidden;
	float: right;
	margin: 30px 80px 10px 20px;
	position: relative;
	width: 350px;
	height: 200px;
}
.Fundacion #rotator img
{
	border: 0;
	cursor: pointer;
	width: 350px;
	height: 200px; /* 	display: none; 	position: absolute; 	top: 0; 	left: 0;*/
}
/****************************/
/* ACTIVACION
/****************************/
.Activacion input[type=text]
{
	font-size: 11px;
	border: solid 1px #484848;
	height: 17px;
	width: 150px;
}

/****************************/
/* POP UP CIRCUITOS
/****************************/
.popup
{
	background: url(http://www.ejviso.com/App_Themes/Interna/images/fondob.jpg) repeat-x;
	height: 100%;
	width: 700px;
	text-align: left;
	float: left;
}
.popup .titulo
{
	position: relative;
	float: left;
	margin: 20px 0px 15px 10px;
	font-family: Arial;
	font-weight: bold;
	font-size: large;
	color: #ffffff;
	height: 15px;
	width: 100%;
}

.popup .superior, .popup .inferior,.popup .header
{
	width: 90%;
	float: left;
	margin: 10px 0px 10px 20px;
}

.popup .header .info
{
	margin-left:10px;
	margin-top:20px;
	font-size:10px;
}

.popup .inferior
{
	border: solid 2px #6D9B03;
	background-color: #ffffff;
}
.popup .circuito
{
	float: left;
	font-family: Arial;
	font-weight: normal;
	font-size: 8px;
	margin: 10px 10px 0px 10px;
	width:280px;
}
.popup .circuitoimg
{
	float: left;
	margin: 10px 10px 0px 0px;
	height: 160px;
	width: 300px;
}
.popup .logo
{
	float: left;
}
.popup .carrera
{
	margin: 0px 20px 0px 20px;
	float: left;
	font-family: Arial;
	font-weight: normal;
	font-size: 8px;
}