/* LSCA. Eduardo Palacios Manubes 31/julio/2020 */
body {margin: 0; padding: 0; text-align: left; font: 12px Arial, Helvetica, sans-serif; font-size: 13px; color: #061C37;  background-image: url("../IMG/Fondo.jpg"); background-size: cover; background-repeat:repeat-x;} * {margin: 0 auto 0 auto; text-align:left;}
#container{display: block; height:auto; position: relative; width: 1220px;}
/*#content{width:1187px; height:auto; background-color:#D2CFCC; padding-left:10px; padding-right:10px; padding-bottom:5px;}*/
#content{width:1187px; height:auto; background-image: url("../IMG/Fondo2.jpg"); padding-left:10px; padding-right:10px; padding-bottom:5px;}
#footer{width:inherit; height:auto;}
#footer h3 a,#footer h3 a:visited{display:block; text-align:center; font-size:12px; text-decoration:none; color:#7198E1;}
html, body {text-align: center;}
p {text-align: left;}
.Estilo6 {color: #FFFFFF; font-weight: bold; font-size: 12pt;}
.Estilo9 {font-weight: bold; color: #FFFFFF; font-size: 27px;}
.Estilo11 {color: #FFFF00}
.Estilo13 {color: #FBFBFB}
.Estilo14 {color: #FFFFFF; font-size: 18px;}
.Estilo17 {color: #0A2D58}
.Estilo18 {font-size: 18px}
.EstiloX {font-size: 41px}
.EstiloX2 {font-size: 33px}
.EstiloX3 {font-size: 22px}
.Estilo19 {color: #000066}
.Estilo20 {font-size: 18px; color: #000066;}
.Estilo21 {font-size: 16px; color: #000066; font-size-adjust: stretch;}
.Estilo30 {color: #00004F; font-size: 17px; text-align: justify;}
.Estilo31 {color: #FB0000; font-weight: bold; text-align: justify;}
.Estilo32 {color: #FB0000; font-weight: bold; text-align: left; margin-left: -14px}
.Estilo33 {color: #00004F; font-size: 17px; text-align: left; margin-left: 14px}
.Estilo34 {color: #00004F; font-size: 11.6pt; font-weight: bold; text-align: justify;}
.Estilo35 {color:#161860; font-size: 13pt; font-weight: bold; text-align: justify;}
.define {width:1320px; margin:0 auto;}
section {width: 1120px; margin: 150px auto; text-align: center;}

.form-input, .error {
	display: block;
	height: 24px;
	padding: 6px 10px;
	margin-bottom: 20px;
	font: 16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border-radius:         8px;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	background-color: #646464;
	-moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	behavior: url(PIE.htc);
	width: 320px;
	background: #ededed;
	border: 5px solid #dbdbdb;
	color: #000000;
	position: relative;}
.error{background: #ff9197;	border: 5px solid red;}
textarea.form-input {height: 200px; overflow: auto; width: 380px; position: relative;}
.form-btn {
	padding: 0 25px;
	height: 48px;
	font: bold 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
	cursor: pointer;
	border: 2px solid #0d3d6a;
	background-color: #2F57B7;
	clear: both;
	float: right;
}
.form-btn:hover {color: #8598C6; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);}
.contact-form {
	width: 846px;
	padding: 15px;
	margin: 0 auto;
	position: relative;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, right bottom, 
										   color-stop(5%,  #bfd1E7), color-stop(5%,  #ed5737),
	                                       color-stop(15%, #ed5737), color-stop(15%, #bfd1E7),
	                                       color-stop(25%, #bfd1E7), color-stop(25%, #2f57b7),
	                                       color-stop(35%, #2f57b7), color-stop(35%, #bfd1E7),
	                                       color-stop(45%, #bfd1E7), color-stop(45%, #ed5737),
	                                       color-stop(55%, #ed5737), color-stop(55%, #bfd1E7),
	                                       color-stop(65%, #bfd1E7), color-stop(65%, #2f57b7),
	                                       color-stop(75%, #2f57b7), color-stop(75%, #bfd1E7),
	                                       color-stop(85%, #bfd1E7), color-stop(85%, #ed5737),
	                                       color-stop(95%, #ed5737), color-stop(95%, #bfd1E7));
	background-image: -webkit-repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	background-image:    -moz-repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	background-image:     -ms-repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	background-image:      -o-repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	background-image:         repeating-linear-gradient(135deg, #ed5737 0, #ed5737 50px, transparent 50px, transparent 80px, #2f57b7 80px, #2f57b7 130px, transparent 130px, transparent 160px);
	-pie-background: linear-gradient(135deg, #bfd1E7 5%, #ed5737 5%, #ed5737 15%, #bfd1E7 15%, #bfd1E7 25%, #2f57b7 25%, #2f57b7 35%, #bfd1E7 35%, #bfd1E7 45%, #ed5737 45%, #ed5737 55%, #bfd1E7 55%, #bfd1E7 65%, #2f57b7 65%, #2f57b7 75%, #bfd1E7 75%, #bfd1E7 85%, #ed5737 85%, #ed5737 95%, #bfd1E7 95%); behavior: url(PIE.htc); text-align: left;}
.formulario {overflow: hidden; padding: 40px 20px; background-color: #fff;}
.column:first-of-type {float: left;	position: relative;}
.column:last-of-type {float: right; margin: 0 0 20px 40px;}
label {color: #444; font-size: 15px;}
.Texto_3D {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28.5px;
    font-weight: bold;
    color: #08016A;   
	text-shadow: 0 1px 0 #476ce8,
                0 2px 0 #fefdfd,
                0 3px 0 #fefdfd, 
                0 4px 0 #b9b9b9, 
                0 5px 0 #aaa, 
                0 6px 1px rgba(0, 0, 0, .1), 
                0 0 5px rgba(0, 0, 0, .1), 
                0 1px 3px rgba(0, 0, 0, .3), 
                0 3px 5px rgba(0, 0, 0, .2), 
                0 5px 10px rgba(0, 0, 0, .25), 
                0 10px 10px rgba(0, 0, 0, .2),
                0 20px 20px rgba(0, 0, 0, .15) ;
}
label span {color: #ff4141;	font-size: 11px;}
.container2 {height: 51px; margin: 1px auto; width: 1220px;}
#nav,#nav ul {list-style: none outside none; margin: 0px; padding: 0px;}
#nav { /* aquí tanaño de fuente */
    background: url('../IMG/MENU/menu_bg.png') no-repeat scroll 0 0 transparent;
    clear: both;
    font-size: 20px;
    height: 58px;
    padding: 0 0 0 12px;
    position: relative;
    width: 1220px;
	vertical-align: top;
}
#nav ul {
    background-color: #222;
    border:1px solid #222;
    border-radius: 0 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    /*top: -9999px;*/
	top: 9999px;
    z-index: 2;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
#nav li {background: url('../IMG/MENU/menu_line.png') no-repeat scroll right 5px transparent; float: left; position: relative;}
#nav li a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: normal;
    height: 30px;   /*Este así déjalo*/
    padding: 22px 35px 0;  /*dspues del 22 es el tamaño del espacio en cada menú*/
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;}
#nav li:hover > a {color: #00B4FF;}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {background: none repeat scroll 0 0 #121212; outline: 0 none;}
#nav li:hover ul.subs {
    left: 0;
    top: 53px;
    width: 345px;  /*Aquí es el ancho del submenú  */
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav ul li {background: none; width: 100%;}
#nav ul li a {float: none;}
#nav ul li:hover > a {background-color: #121212; color: #00B4FF;}
#lavalamp {background: url('../IMG/MENU/lavalamp.png') no-repeat scroll 0 0 transparent;
    height: 29px;
    left: 90px;  /*Posición inicial del marcador superior del menú*/
    position: absolute; 
    top: 0px;
    width: 74px;
    -moz-transition: all 190ms ease;
    -ms-transition: all 190ms ease;
    -o-transition: all 190ms ease;
    -webkit-transition: all 190ms ease;
    transition: all 190ms ease;}
#lavalamp:hover {-moz-transition-duration: 2000s; -ms-transition-duration: 2000s; -o-transition-duration: 2000s; -webkit-transition-duration: 2000s; transition-duration:0 2000s;}
#nav li:nth-of-type(1):hover ~ #lavalamp {left: 90px;}
#nav li:nth-of-type(2):hover ~ #lavalamp {left: 315px;}
#nav li:nth-of-type(3):hover ~ #lavalamp {left: 550px;}
#nav li:nth-of-type(4):hover ~ #lavalamp {left: 790px;}
#nav li:nth-of-type(5):hover ~ #lavalamp {left: 1030px;}
#lavalamp2 {background: url('../IMG/MENU/lavalamp.png') no-repeat scroll 0 0 transparent; height: 29px; left: 315px; position: absolute; top: 0px; width: 74px; -moz-transition: all 190ms ease; -ms-transition: all 190ms ease; -o-transition: all 190ms ease; -webkit-transition: all 190ms ease; transition: all 190ms ease;}
#lavalamp2:hover {-moz-transition-duration: 2000s; -ms-transition-duration: 2000s; -o-transition-duration: 2000s; -webkit-transition-duration: 2000s; transition-duration:0 2000s;}
#nav li:nth-of-type(1):hover ~ #lavalamp2 {left: 90px;}
#nav li:nth-of-type(2):hover ~ #lavalamp2 {left: 315px;}
#nav li:nth-of-type(3):hover ~ #lavalamp2 {left: 550px;}
#nav li:nth-of-type(4):hover ~ #lavalamp2 {left: 790px;}
#nav li:nth-of-type(5):hover ~ #lavalamp2 {left: 1030px;}
#lavalamp3 {background: url('../IMG/MENU/lavalamp.png') no-repeat scroll 0 0 transparent; height: 29px; left: 1030px; position: absolute; top: 0px; width: 74px; -moz-transition: all 190ms ease; -ms-transition: all 190ms ease; -o-transition: all 190ms ease; -webkit-transition: all 190ms ease; transition: all 190ms ease;}
#lavalamp3:hover {-moz-transition-duration: 2000s; -ms-transition-duration: 2000s; -o-transition-duration: 2000s; -webkit-transition-duration: 2000s; transition-duration:0 2000s;}
#nav li:nth-of-type(1):hover ~ #lavalamp3 {left: 90px;}
#nav li:nth-of-type(2):hover ~ #lavalamp3 {left: 315px;}
#nav li:nth-of-type(3):hover ~ #lavalamp3 {left: 550px;}
#nav li:nth-of-type(4):hover ~ #lavalamp3 {left: 790px;}
#nav li:nth-of-type(5):hover ~ #lavalamp3 {left: 1030px;}
#lavalamp4 {background: url('../IMG/MENU/lavalamp.png') no-repeat scroll 0 0 transparent; height: 29px; left: 550px; position: absolute; top: 0px; width: 74px; -moz-transition: all 190ms ease; -ms-transition: all 190ms ease; -o-transition: all 190ms ease; -webkit-transition: all 190ms ease; transition: all 190ms ease;}
#lavalamp4:hover {-moz-transition-duration: 2000s; -ms-transition-duration: 2000s; -o-transition-duration: 2000s; -webkit-transition-duration: 2000s; transition-duration:0 2000s;}
#nav li:nth-of-type(1):hover ~ #lavalamp4 {left: 90px;}
#nav li:nth-of-type(2):hover ~ #lavalamp4 {left: 315px;}
#nav li:nth-of-type(3):hover ~ #lavalamp4 {left: 550px;}
#nav li:nth-of-type(4):hover ~ #lavalamp4 {left: 790px;}
#nav li:nth-of-type(5):hover ~ #lavalamp4 {left: 1030px;}
#lavalamp5 {background: url('../IMG/MENU/lavalamp.png') no-repeat scroll 0 0 transparent; height: 29px; left: 790px; position: absolute; top: 0px; width: 74px; -moz-transition: all 190ms ease; -ms-transition: all 190ms ease; -o-transition: all 190ms ease; -webkit-transition: all 190ms ease; transition: all 190ms ease;}
#lavalamp5:hover {-moz-transition-duration: 2000s; -ms-transition-duration: 2000s; -o-transition-duration: 2000s; -webkit-transition-duration: 2000s; transition-duration:0 2000s;}
#nav li:nth-of-type(1):hover ~ #lavalamp5 {left: 90px;}
#nav li:nth-of-type(2):hover ~ #lavalamp5 {left: 315px;}
#nav li:nth-of-type(3):hover ~ #lavalamp5 {left: 550px;}
#nav li:nth-of-type(4):hover ~ #lavalamp5 {left: 790px;}
#nav li:nth-of-type(5):hover ~ #lavalamp5 {left: 1030px;}
.center{display: inline-block;}
.DivCenter{align-content: center; display: flex; justify-content: center; width: 1140px;}
.DivCenter2{align-content: center; display: flex; justify-content: center; width: 735px;}
.DivCenter3{align-content: center; display: flex; justify-content: center; width: 1120px;}
.DivCenter4{align-content: center; display: flex; justify-content: center; width: 290px;}
.DivCenter5{align-content: center; display: flex; justify-content: center; width: 800px;}
.DivCenter6{align-content: center; display: flex; justify-content: center; width: 845px;}
.DivCenter7{align-content: center; display: flex; justify-content: center; width: 601px;}
.DivCenter8{align-content: center; display: flex; justify-content: center; width: 555px;}
.DivCenter9{align-content: center; display: flex; justify-content: center; width: 617px;}
.DivCenter10{align-content: center; display: flex; justify-content: center; width: 1130px;}
/* LSCA. Eduardo Palacios Manubes 31/julio/2021 */