/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: url("../imagenes/fondo.png") repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* ###################################################################### */
/* ######################## CONTENDOR ################################### */

#contendor {
	width: 1024px;
	min-width: 1024px;
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	background: rgb(255,255,255);
	box-shadow: rgba(0,0,0,0.6) 0px 0px 20px;
}

/* ###################################################################### */
/* ######################## LATERAL ##################################### */

aside {
	float: left;
	width: 367px;
	position: relative;
	padding-bottom: 10px;
}

aside .separador {
	background: url("../imagenes/sombra001.png") no-repeat center top;
	height: 36px;
}

aside .calculo {
	width: 253px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

aside input[type=button] { 
	padding: 5px 15px;
	border: rgb(198,154,0) 1px solid;
	color: rgb(255,255,255);
	border-radius: 15px;
	cursor: pointer;
	background: -webkit-linear-gradient(bottom, rgb(217,165,0), rgb(224,187,0)); 	/* Safari */
	background: -o-linear-gradient(top, rgb(217,165,0), rgb(224,187,0)); 			/* Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgb(217,165,0), rgb(224,187,0)); 			/* Firefox 3.6 to 15 */
	background: linear-gradient(to top, rgb(217,165,0), rgb(224,187,0)); 			/* Standart */
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: background;
	-ms-transition-property: background;
	-o-transition-property: background;
	-moz-transition-property: background;
	transition-property: background;	
}

aside input[type=button]:hover {
	background: -webkit-linear-gradient(bottom, rgb(224,187,0), rgb(217,165,0)); 	/* Safari */
	background: -o-linear-gradient(top, rgb(224,187,0), rgb(217,165,0)); 			/* Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgb(224,187,0), rgb(217,165,0)); 			/* Firefox 3.6 to 15 */
	background: linear-gradient(to top, rgb(224,187,0), rgb(217,165,0)); 			/* Standart */
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: background;
	-ms-transition-property: background;
	-o-transition-property: background;
	-moz-transition-property: background;
	transition-property: background;	
}

/* ###################################################################### */
/* ######################## CABECERA #################################### */

aside header {	
	width: 265px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	position: relative;	
}

aside header img {	
	border: 0px;
}

/* ###################################################################### */
/* ######################## MENU ######################################## */

aside nav {
	width: 253px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

aside nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

aside nav ul li {
	display: flex;
	white-space: nowrap;
	position: relative;
	float: none;
	padding: 18px 10px 17px 10px;
	color: rgb(114,114,114);
	cursor: pointer;
	border-bottom: rgba(220,220,220, 0.5) 1px solid;
	border-top: rgb(220,220,220) 1px solid;
	background: none;
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: background-color;
	-ms-transition-property:  background-color;
	-o-transition-property:  background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
}

aside nav ul li.impar:hover, aside nav ul li.par:hover {	
	color: rgb(255,255,255);
	background: url("../imagenes/ico-sel.png") rgb(91,121,172) no-repeat right center;
	background-origin: content-box;	
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: background-color;
	-ms-transition-property:  background-color;
	-o-transition-property:  background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
}

aside nav ul li.impar {
	background: rgb(244,244,244);
}

aside nav ul li.par {
	background: rgb(255,255,255);
}

aside nav ul li.sel {
	color: rgb(255,255,255);
	background: url("../imagenes/ico-sel.png") rgb(91,121,172) no-repeat right center;
	background-origin: content-box;
}

aside nav ul a {	
	min-width: 174px;
}

aside nav ul a, aside nav ul a:visited {
	color: inherit;	
	text-decoration: none;
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: color;
	-ms-transition-property: color;
	-o-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
}

aside nav ul a:hover {
	color: inherit;
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: color;
	-ms-transition-property: color;
	-o-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
}

aside nav ul a.sel, aside nav ul a.sel:visited, aside nav ul a.sel:hover {
	color: rgb(255,255,255);
	text-decoration: none;
}

/* ###################################################################### */
/* ######################## CONTENIDO ################################### */

section {
	float: left;
	width: 657px;	
	position: relative;
}

section .horarios {
	max-height: 140px;
	text-align: right;
	padding: 75px 30px 0px 30px;
	position: relative;
}

section .horarios p {
	line-height: 1.3em;
}

section .foto {
	margin: 0px auto;
	padding: 5px;
	width: 576px;
	height: 287px;
	box-shadow: rgba(0,0,0,0.6) 0px 0px 10px;
}

section article {
	padding: 15px 45px;
	text-align: justify;
	line-height: 1.3em;		
}

section article .mapa {
	margin: 0px auto 20px auto;
	padding: 5px;
	width: 576px;
	height: 317px;
	box-shadow: rgba(0,0,0,0.6) 0px 0px 10px;
	position: relative;
}

section article .mapa ul.legenda {
	position: absolute;	
	list-style: none;
	padding: 0px;
	margin: 250px 0px 0px 24px;	
	top: 0px;
}

section article .mapa ul.legenda li {
	list-style: disc;
	font-weight: bold;
}

section article .mapa .colseparador {
	float: left;
	width: 2px;
	height: 135px;
}

section article .mapa .colseparadorH {
	height: 2px;
	margin: 12px 0px 0px 0px;
	background: rgb(89,117,167);
}

section article .mapa a, section article .mapa a:visited, section article .mapa a:hover {
	color: inherit;
	text-decoration: none;
	font-size: 12px;
}

section article .mapa a img {
	border: 0px;
}

section article .mapa #dirsituacion {
	padding: 5px;
	width: 566px;
	height: 307px;
	position: absolute;
	background: rgba(0,0,0,0.8);
	color: rgb(255,255,255);
	font-size: 12px;
	z-index: 1000;
	display: none;
}

section article .colI {
	float: left;
	width: 270px;
}

section article .colI .titulo {
	position: relative;
	margin: 75px 0px 0px 26px;
	font-size: 20px;	
}

section article .colD {
	float: right;
	width: 270px;
}

section article .colD ul.localizaciones a, section article .colD ul.localizaciones a:visited, section article .colD ul.localizaciones a:hover {
	color: inherit;
	text-decoration: none;		
}

section article .colseparador {
	float: left;
	margin: 0px 12px;
	background: rgb(89,117,167);
	width: 3px;
	height: 115px;
}

section article .blq3 {
	position: relative;
	float: left;
	width: 176px;	
}

section article .blq3 dl {
	margin: 0px 0px 20px 0px;
}

section article .blq3 dt {
	display: list-item;
    list-style-type: disc;
	margin: 0px 0px 0px 15px;
}

section article .blq3 dd {
	display: list-item;
    list-style-type: disc;
	margin: 0px 0px 0px 30px;
}

section article .blq3 h2 {
	font-size: 18px;
	margin: 0px;
	font-weight: 100;
}

section article .blq3 a, section article .blq3 a:visited, section article .blq3 a:hover {
	color: inherit;
	text-decoration: none;
}

section article .blq3 a img {
	border: 0px;
}

section article label {
	margin-left: 10px;
}

section article input[type=text] {
	border: rgb(255,255,255) 1px solid;
	background: rgb(243,243,243);
	padding: 5px 10px;
	border-radius: 4px;
	width: 250px;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 3px inset;
	margin-bottom: 10px;
}

section article textarea {
	border: rgb(255,255,255) 1px solid;
	background: rgb(243,243,243);
	padding: 5px 10px;
	border-radius: 4px;
	width: 547px;
	min-width: 547px;
	max-width: 547px;
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 3px inset;
}

section article .botonera {
	text-align: right;
}

section article .botonera input[type=submit], section article .botonera input[type=reset] {
	padding: 5px 15px;
	border: rgb(79,124,183) 1px solid;
	color: rgb(255,255,255);
	border-radius: 15px;
	cursor: pointer;
	background: -webkit-linear-gradient(bottom, rgb(79,124,183), rgb(33, 69, 117)); 	/* Safari */
	background: -o-linear-gradient(top, rgb(79,124,183), rgb(33, 69, 117)); 			/* Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgb(79,124,183), rgb(33, 69, 117)); 			/* Firefox 3.6 to 15 */
	background: linear-gradient(to top, rgb(79,124,183), rgb(33, 69, 117)); 			/* Standart */
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: background;
	-ms-transition-property: background;
	-o-transition-property: background;
	-moz-transition-property: background;
	transition-property: background;	
}

section article .botonera input[type=submit]:hover, section article .botonera input[type=reset]:hover {	
	background: -webkit-linear-gradient(bottom, rgb(33, 69, 117), rgb(79,124,183)); 	/* Safari */
	background: -o-linear-gradient(top, rgb(33, 69, 117), rgb(79,124,183)); 			/* Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgb(33, 69, 117), rgb(79,124,183)); 			/* Firefox 3.6 to 15 */
	background: linear-gradient(to top, rgb(33, 69, 117), rgb(79,124,183)); 			/* Standart */
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: background;
	-ms-transition-property: background;
	-o-transition-property: background;
	-moz-transition-property: background;
	transition-property: background;
}

section article .degradado {
	border-top: rgb(172,172,172) 1px solid;
	padding: 30px 40px;
	
	background: -webkit-linear-gradient(top, rgba(237,237,237,1.00) 75%, rgb(255, 255, 255)); 			/* Safari */
	background: -o-linear-gradient(bottom, rgba(237,237,237,1.00) 75%, rgb(255, 255, 255)); 			/* Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, rgba(237,237,237,1.00) 75%, rgb(255, 255, 255)); 			/* Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, rgba(237,237,237,1.00) 75%, rgb(255, 255, 255)); 			/* Standart */
}

section article .degradado h2 {
	font-size: 20px;
	font-weight: 100;
}

section article .degradado ul {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 15px;
}

section article .degradado .separadorH {
	height: 3px;
	margin: 15px 0px 30px 0px;
	background: rgb(89,117,167);
}

section article .degradado a, section article .degradado a:visited {
	color: rgb(89,117,167);
	text-decoration: none;
	font-style: italic;	
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: color;
	-ms-transition-property:  color;
	-o-transition-property:  color;
	-moz-transition-property: color;
	transition-property: color;
}

section article .degradado a:hover {
	color: rgb(0, 27, 75);
	text-decoration: none;
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: color;
	-ms-transition-property:  color;
	-o-transition-property:  color;
	-moz-transition-property: color;
	transition-property: color;
}

/* ###################################################################### */
/* ######################## PIE ######################################### */

footer {
	width: 1024px;
	min-width: 1024px;
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 8px;
	font-size: 12px;
}

footer a, footer a:visited {
	color: rgb(89,117,167);
	text-decoration: none;
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: color;
	-ms-transition-property:  color;
	-o-transition-property:  color;
	-moz-transition-property: color;
	transition-property: color;
}

footer a:hover {
	color: rgb(0, 27, 75);
	text-decoration: none;
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: color;
	-ms-transition-property:  color;
	-o-transition-property:  color;
	-moz-transition-property: color;
	transition-property: color;
}

/* ###################################################################### */
/* ######################## OTRAS CLASES ################################ */

.clearfloat {
	clear: both;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}

.algcen {
	text-align: center !important;	
}

.algrt {
	text-align: right !important;	
}

.fltlf {
	float: left;
}

.fltrt {
	float: right;
}

.mglf25 {
	margin-left: 25px !important;
}

.mglf15 {
	margin-left: 15px !important;
}

.mgrt5 {
	margin-right: 5px !important;
}

.mgt3 {
	padding-top: 3px !important;
}

.pdlf5 {
	padding-left: 5px !important;
}

.pdrt5 {
	padding-right: 5px !important;
}

.pdL0R35 {
	padding-left: 0px !important;
	padding-right: 35px !important;
}

.h175 {
	height: 175px !important;
}

.h60 {
	height: 60px !important;
}

.h120 {
	height: 120px !important;
}

.h100 {
	height: 100px !important;
}

.w240 {
	width: 240px !important;
}

.w214 {
	width: 214px !important;
}

.w520 {
	width: 520px;
	min-width: 520px;
	max-width: 520px;
}

.hauto {
	height: auto !important;
}

.textazul {
	color: rgb(89,117,167) !important;
}

.textgris {
	color: rgb(85,85,85) !important;
}

.text20 {
	font-size: 20px !important;
}

.text11 {
	font-size: 11px !important;
}

.text12 {
	font-size: 12px !important;
}

.text14 {
	font-size: 14px !important;
}

.textsombra {
	text-shadow: rgb(0,0,0) 0px 0px 8px;
}

.amarillo {
	color: rgb(197,150,19);
}

.verde {
	color: rgb(127,176,31);
}

.azul {
	color: rgb(79,124,183);
}

.lineavertical {
	float: left;
	width: 3px;
	background: rgb(89,117,167);
	height: 275px;
	margin-top: 25px;
}

.ley {
	padding: 20px;
	text-align: justify;
	line-height: 1.5em;
}