@charset "utf-8";

/*RESET*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin : 0;
	padding : 0;
}
table {
	border-collapse : collapse;
	border-spacing : 0;
	font-size : inherit;
}
fieldset, img {
	border : 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style : normal;
	font-weight : 400;
}
li {
	list-style : none;
}
caption, th {
	text-align : left;
}
h1, h2, h3, h4, h5, h6 {
	font-size : 100%;
	font-weight : 400;
}
q:before, q:after {
	content : '';
}
abbr, acronym {
	border : 0;
	font-variant : normal;
}
sup {
	vertical-align : text-top;
}
sub {
	vertical-align : text-bottom;
}
input, textarea, select {
	font-family : inherit;
	font-size : inherit;
	font-weight : inherit;
	background-color: #003399;
}
legend {
	color : #000;
}
del, ins {
	text-decoration : none;
}
body {
	font : 13px/1.231 clean, sans-serif;
}
select, input, button, textarea {
	font : 99% clean, sans-serif;
}
pre, code, kbd, samp, tt {
	font-family : monospace;
	line-height : 100%;
}

/*LAYOUTS*/

html {
	background-color : #1110B3;
	background-image : url(../imagenes/fondo.gif);
	background-repeat : repeat;
	background-position : 0 0;
}
body {
	text-align : center;
}
#contenedor {
	text-align : left;
	padding : 0;
	margin : 0 auto;
	width : 1100px;
	background-image : url(../imagenes/fdo-contenedor.png);
	background-repeat : no-repeat;
	background-position : 0 0;
}
#cuerpo {
	width : 980px;
	overflow : hidden;
	padding : 0;
	margin-top : 0;
	margin-right : 60px;
	margin-bottom : 0;
	margin-left : 60px;
	background-image : url(../imagenes/fdo-cuerpo.png);
	background-repeat : repeat-y;
	background-position : 0 0;
}
div#izq, div#der {
	float : left;
	padding-bottom : 30000px;
	margin-bottom : -30000px;
}
#izq {
	margin : 0;
	padding : 0;
	float : left;
	overflow : hidden;
	display : inline;
	width : 300px;
}
#logo {
	background-image : url(../imagenes/logo.png);
	background-repeat : no-repeat;
	background-position : 0 0;
	margin : 0;
	padding : 0;
	height : 163px;
	width : 300px;
}
#botonera {
	margin : 0;
	height : 250px;
	width : 270px;
	background-image : url(../imagenes/fdo-botonera.png);
	background-repeat : no-repeat;
	background-position : 0 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 30px;
}
#direccion {
	background-image : url(../imagenes/fdo-direccion.png);
	background-repeat : no-repeat;
	background-position : 0 0;
	margin : 0;
	width : 270px;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 30px;
}
#direccion p {
	font-family : 'MyriadProRegular', Arial, sans-serif;
	font-size : 1em;
	line-height : 1.5em;
	color : #ffffff;
	text-align : center;
	margin : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 10px;
	padding-left : 0;
}
#direccion h1 {
	font-size : 1.5em;
	line-height : normal;
	font-family : 'MyriadProRegular', Arial, sans-serif;
	text-align : center;
	padding-top : 10px;
	padding-right : 0;
	padding-bottom : 5px;
	padding-left : 0;
	color : #ffffff;
	border-bottom-width : 3px;
	border-bottom-style : dotted;
	border-bottom-color : #171793;
	margin-bottom : 10px;
	margin-right : 20px;
	margin-left : 20px;
}
#direccion h2 {
	font-size : 1.1em;
	line-height : normal;
	font-family : Arial, Helvetica, sans-serif;
	text-align : left;
	padding-top : 10px;
	padding-right : 0;
	padding-bottom : 5px;
	padding-left : 15px;
	color : #ccc;
	margin-bottom : 10px;
	margin-right : 20px;
	margin-left : 20px;
	font-weight : bold;
	background-image : url(../imagenes/arrow_right_over.gif);
	background-repeat : no-repeat;
	background-position : left 15px;
}
.copetes {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	line-height : 1.5em;
	color : #ffffff;
	text-align : left;
	margin : 0;
	padding-top : 0;
	padding-right : 15px;
	padding-bottom : 0;
	padding-left : 15px;
}
#direccion a:link {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : #000000;
	padding-right : 0;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	margin : 0;
}
#direccion a:visited {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : #ccc;
	padding-right : 0;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	margin : 0;
}
#direccion a:hover {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : #ccc;
	padding-right : 0;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	margin : 0;
}
#direccion a:active {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : #2626D6;
	padding-right : 0;
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	margin : 0;
}
#der {
	margin : 0;
	padding : 0;
	float : left;
	width : 680px;
	overflow : hidden;
	display : inline;
}
#swf {
	margin : 0;
	padding : 0;
	height : 400px;
	width : 680px;
	background-image : url(../imagenes/swf.jpg);
	background-repeat : no-repeat;
	background-position : 0 0;
	z-index: -100;
}
#contenidos {
	width : 640px;
	background-image : url(../imagenes/fdo-contenidos.png);
	background-repeat : no-repeat;
	background-position : 0 0;
	margin : 0;
	padding-top : 0;
	padding-right : 40px;
	padding-bottom : 0;
	padding-left : 0;
}
#contenidos p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	line-height : 1.3em;
	color : #5e1687;
	text-align : left;
	margin : 0;
	padding-top : 10px;
	padding-right : 25px;
	padding-bottom : 10px;
	padding-left : 10px;
}
#contenidos h1 {
	font-size : 1.7em;
	line-height : normal;
	font-family : 'MyriadProRegular', Arial, sans-serif;
	text-align : right;
	padding-top : 10px;
	padding-right : 25px;
	padding-bottom : 15px;
	padding-left : 0;
	color : #0A0981;
}
#contenidos h2 {
	font-family : 'MyriadProRegular', Arial, sans-serif;
	font-size : 1.2em;
	color : #0705A4;
	padding-top : 10px;
	padding-right : 0;
	padding-bottom : 10px;
	padding-left : 10px;
}
#contenidos h3 {
	font-family : 'MyriadProRegular', Arial, sans-serif;
	font-size : 1.1em;
	color : #2D2DE7;
	padding-top : 10px;
	padding-right : 0;
	padding-bottom : 10px;
	padding-left : 10px;
}
#contenidos em {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-style : oblique;
}
#contenidos p strong {
	color : #5e1687;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-weight : bolder;
}
#contenidos ul {
	margin : 0px;
	padding-top : 5px;
	padding-right : 0px;
	padding-bottom : 0px;
	padding-left : 5px;
}
#contenidos li {
	margin: 0px;
	padding-left : 10px;
	list-style-image: url(../imagenes/arrow_right.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #2B2BE1;
	list-style-position: inside;
	line-height: 20px;
}
#contenidos a:hover {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : #6b199a;
	line-height : 15px;
	text-decoration : none;
}
#contenidos a:active {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : #1D1EC8;
	line-height : 15px;
	text-decoration : none;
}
#contenidos a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : #6b199a;
	line-height : 15px;
	text-decoration : none;
}
.youtube { margin: 0px auto; padding: 3px 0px; height: 210px; width: 320px; 
}

.clearfloat {
	clear : both;
	height : 0;
	font-size : 1px;
	line-height : 0;
}
#footer {
	padding : 0;
	height : 60px;
	background-image : url(../imagenes/fdo-footer.png);
	background-repeat : no-repeat;
	width : 980px;
	background-position : 0 0;
	margin-top : 0;
	margin-right : 60px;
	margin-bottom : 0;
	margin-left : 60px;
}
#footer p {
	color : #5e1687;
	text-align : center;
	line-height : 15px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.9em;
	padding-top : 10px;
	padding-right : 5px;
	padding-bottom : 0;
	padding-left : 5px;
}
#footer a:link {
	font-family : Arial, sans-serif;
	font-size : 0.9em;
	color : #3131E7;
	line-height : 15px;
	text-decoration : none;
}
#footer a:hover {
	font-family : Arial, sans-serif;
	font-size : 0.9em;
	color : #ccc;
	line-height : 15px;
	text-decoration : none;
}
#footer a:active {
	font-family : Arial, sans-serif;
	font-size : 0.9em;
	color : #ccc;
	line-height : 15px;
	text-decoration : none;
}
#footer a:visited {
	font-family : Arial, sans-serif;
	font-size : 0.9em;
	color : #666;
	line-height : 15px;
	text-decoration : none;
}

/*FORMULARIO*/

#registro p label {
	float : left;
	width : 30%;
	text-align : right;
	padding : 5px;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
}
#registro p br {
	clear : left;
}
#registro input {
	border : 1px solid #000000;
	color : #0908A4;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	background-color : #fff;
	height : 20px;
	padding : 2px;
	margin-top : 10px;
	margin-right : 0;
	margin-bottom : 0;
	margin-left : 0;
}
#registro textarea {
	border : 1px solid #000000;
	color : #2825D8;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	background-color : #fff;
	padding : 2px;
	margin-top : 10px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
}
#registro select, option {
	background : #ccc;
	color : #0C0BAE;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
}
#registro input:focus, textarea:focus {
	border : 1px solid #556046;
	background-color : #ccc;
}
#registro select:focus, option:focus {
	background-color : #ccc;
}

/*MENUMATIC*/

#nav a, #subMenusContainer a {
	text-decoration : none;
	display : block;
	padding : 10px 20px;
}
#nav a {
	margin : 0;
	font-family : 'MyriadProRegular', Tahoma, sans-serif;
	font-size : 1.1em;
	color : #ffffff;
	text-align : left;
}
#subMenusContainer a, #nav li li a {
	text-align : left;
	font-family : 'MyriadProRegular', Tahoma, sans-serif;
	font-size : 1.1em;
	color : #2321B2;
}
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused {
	background-color : #1413B6;
	color : #fff;
}
#subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #nav li a:hover, #nav li a:focus {
	background-color : #FFFFFF;
	color : #2424D2;
}
.subMenuParentBtn {
	background : url(../imagenes/arrow_right.gif) no-repeat right center;
}
.subMenuParentBtnFocused {
	background : url(../imagenes/arrow_right_over.gif) no-repeat right center;
}
.mainMenuParentBtn {
	background : url(../imagenes/arrow_right.gif) no-repeat right center;
}
.mainMenuParentBtnFocused {
	background : url(../imagenes/arrow_right_over.gif) no-repeat right center;
}
.smOW {
	display : none;
	position : absolute;
	overflow : hidden;
	padding : 0 2px;
	margin : 0 0 0 -2px;
}
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
	background : #fff;
	left : 0;
}
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
	padding : 0;
	margin : 0;
	list-style : none;
	line-height : 1em;
}
#nav li {
	display : block;
	list-style : none;
	position : relative;
}
#subMenusContainer li {
	list-style : none;
}
#nav {
	display : block;
	position : absolute;
	list-style : none;
	margin : 0;
	width : 125px;
	text-align : left;
	display : block;
}
#subMenusContainer {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 0;
	overflow : visible;
	z-index : 1000000000;
}
#nav li li {
	float : none;
}
#nav li li a {
	position : relative;
	float : none;
}
#nav li ul {
	position : absolute;
	width : 10em;
	margin-left : -1000em;
}
#nav li ul ul {
	margin : -1em 0 0 -1000em;
}
#nav li:hover ul ul {
	margin-left : -1000em;
}
#nav li:hover ul {
	margin-left : 186px;
	margin-top : -2.5em;
}
#nav li li:hover ul {
	margin-left : 10em;
}
#nav li a:focus + ul {
	margin-left : 186px;
	margin-top : -2.5em;
}
#nav li li a:focus + ul {
	left : 186px;
	margin-left : 1010em;
	margin-top : -2.5em;
}
#nav li li a:focus {
	left : 186px;
	margin-left : 1000em;
	width : 10em;
	margin-top : -2.5em;
}
#nav li li li a:focus {
	left : 186px;
	margin-left : 2010em;
	width : 10em;
	margin-top : -2.5em;
}
#nav li:hover a:focus {
	margin-left : 0;
}
#nav li li:hover a:focus + ul {
	margin-left : 10em;
}

/*JQUERY LIGHTBOX*/

#jquery-overlay {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 90;
	width : 100%;
	height : 500px;
}
#jquery-lightbox {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	z-index : 100;
	text-align : center;
	line-height : 0;
}
#jquery-lightbox a img {
	border : none;
}
#lightbox-container-image-box {
	position : relative;
	background-color : #fff;
	width : 250px;
	height : 250px;
	margin : 0 auto;
}
#lightbox-container-image {
	padding : 10px;
}
#lightbox-loading {
	position : absolute;
	top : 40%;
	left : 0%;
	height : 25%;
	width : 100%;
	text-align : center;
	line-height : 0;
}
#lightbox-nav {
	position : absolute;
	top : 0;
	left : 0;
	height : 100%;
	width : 100%;
	z-index : 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left : 0;
}
#lightbox-nav a {
	outline : none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width : 49%;
	height : 100%;
	display : block;
}
#lightbox-nav-btnPrev {
	left : 0;
	float : left;
}
#lightbox-nav-btnNext {
	right : 0;
	float : right;
}
#lightbox-container-image-data-box {
	font : 10px Verdana, Helvetica, sans-serif;
	background-color : #fff;
	margin : 0 auto;
	line-height : 1.4em;
	overflow : auto;
	width : 100%;
	padding : 0 10px 0;
}
#lightbox-container-image-data {
	padding : 0 10px;
	color : #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width : 70%;
	float : left;
	text-align : left;
}
#lightbox-image-details-caption {
	font-weight : bold;
}
#lightbox-image-details-currentNumber {
	display : block;
	clear : left;
	padding-bottom : 1em;
}
#lightbox-secNav-btnClose {
	width : 66px;
	float : right;
	padding-bottom : 0.7em;
}

/*GALERIA DE FOTOS CON LIGHTBOX*/

#gallery {
	padding : 5px 5px 5px 25px;
}
#gallery ul {
	list-style : none;
	margin : 0;
	padding : 0;
}
#gallery ul li {
	display : inline;
	list-style-type : none;
}
#gallery ul img {
	border-top-width : 5px;
	border-right-width : 2px;
	border-bottom-width : 10px;
	border-left-width : 2px;
	border-top-style : solid;
	border-right-style : solid;
	border-bottom-style : solid;
	border-left-style : solid;
	border-top-color : #1D1CC0;
	border-right-color : #1D1CC0;
	border-bottom-color : #1D1CC0;
	border-left-color : #1D1CC0;
}
#gallery ul a:hover img {
	border-top-width : 5px;
	border-right-width : 2px;
	border-bottom-width : 10px;
	border-left-width : 2px;
	border-top-style : solid;
	border-right-style : solid;
	border-bottom-style : solid;
	border-left-style : solid;
	border-top-color : #3232E8;
	border-right-color : #3232E8;
	border-bottom-color : #3232E8;
	border-left-color : #3232E8;
}
#gallery ul a:hover {
	color : #ccc;
}
#gallery a:link {
	text-decoration : none;
}
#gallery a:hover {
	text-decoration : none;
}
