body

{

background: #fff;

font-family: arial;

position: relative;

width: 100%;

height: 100%;

overflow-x: hidden;

padding: 0px;

margin: 0px;

}

/* menu principal */

#menu{

width: 86%;

height: auto;

float:left;

position:fixed;

top: 0;

left: 0;

background:#084e92;

padding: 0% 7%;

box-shadow: 0px 2px 8px 0px #000000;

z-index: 100;

}

#trama{

width: 100%;

height: 182px;

float:left;

}

#menui{

width: 45%;

height: auto;

float:left;

text-align:left;

}

#menud{

width: 10%;

height: auto;

float:left;

}

#menuc{

width: 45%;

height: auto;

float:right;

text-align:right;

}

#menud1{

width: 100%;

height: auto;

float:left;

padding-top: 5px;

text-align:right;

}

#menud2{

width: 100%;

height: auto;

float:left;

padding-top: 0px;

}

#menu33{

width: 100%;

height: auto;

float:left;

padding-top: 0px;

}

img.imicontec { width: 219px; height:140px; border: 0}

img.iminicio { width: 100%; height:auto; border: 0}

img.tamalogo { width: 200px; height:140px; border: 0}

/* menu */

UL#men {POSITION: relative; LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; padding: 0%; MARGIN: 0px;  width: 100%; height: 46px; text-align:left;}

UL#men UL {	POSITION: absolute; MARGIN: 0px; DISPLAY: none; TOP: 100%; LEFT: 0px; padding: 0px;}

UL#men UL UL {TOP: 0px; LEFT: 100%}

UL#men UL UL UL {TOP: 0px; LEFT: 100%}

UL#men LI {POSITION: relative; DISPLAY: inline; FLOAT: left}

UL#men UL LI {WIDTH: 100%; DISPLAY: block}

UL#men A {	padding: 13px 0px 13px 25px; DISPLAY: block; FONT-size: 20px; font-family: verdana; FLOAT: left; COLOR: #ffffff; TEXT-DECORATION: none; text-align:center; outline: none; font-weight:bold}

UL#men A:hover {COLOR: #000000}

UL#men LI:hover A {COLOR: #000000}

UL#men LI.iehover A {COLOR: #000000;}

UL#men LI:hover LI A {FLOAT: left; background:#ffffff; color:#000000; font-size:14px; padding: 10px; WIDTH: 170px;}

UL#men LI.iehover LI A {FLOAT: left; background:#ffffff; color:#000000; font-size:14px; padding: 10px; WIDTH: 170px;}

UL#men LI:hover LI A:hover {BACKGROUND: #28a7e9; color: #000000}

UL#men LI.iehover LI A:hover {BACKGROUND: #28a7e9; color: #000000}

UL#men LI:hover LI:hover A {BACKGROUND: #ffffff}

UL#men LI.iehover LI.iehover A {BACKGROUND: #ffffff}

UL#men LI:hover LI:hover LI A {BACKGROUND: #ffffff}

UL#men LI.iehover LI.iehover LI A {BACKGROUND: #ffffff}

UL#men LI:hover LI:hover LI A:hover {BACKGROUND: #ffffff}

UL#men LI:hover LI:hover LI:hover A {BACKGROUND: #ffffff}

UL#men LI.iehover LI.iehover LI A:hover {BACKGROUND: #ffffff}

UL#men LI.iehover LI.iehover LI.iehover A {BACKGROUND: #999999}

UL#men LI:hover LI:hover LI:hover LI A {BACKGROUND: #999999}

UL#men LI.iehover LI.iehover LI.iehover LI A {BACKGROUND: #999999}

UL#men LI:hover LI:hover LI:hover LI A:hover {BACKGROUND: #999999}

UL#men LI.iehover LI.iehover LI.iehover LI A:hover {BACKGROUND: #999999}

UL#men LI:hover UL UL {DISPLAY: none}

UL#men LI:hover UL UL UL {DISPLAY: none}

UL#men LI.iehover UL UL {DISPLAY: none}

UL#men LI.iehover UL UL UL {DISPLAY: none}

UL#men LI:hover UL {DISPLAY: block}

UL#men UL LI:hover UL {DISPLAY: block}

UL#men UL UL LI:hover UL {DISPLAY: block}

UL#men LI.iehover UL {DISPLAY: block}

UL#men UL LI.iehover UL {DISPLAY: block}

UL#men UL UL LI.iehover UL {DISPLAY: block}

UL#men li #last {background: none;}

UL#men li .current {color: #ffeb00;}

/* fin del menu*/

/* end navigation */

.capaoscura 

{

width: 80%;

height: auto;

background: rgba(0, 0, 0, 0.4);

background-size: 100% 100%;

float:left;

padding: 40px 10%;

} 

/*slider*/

#cmyvsl {width: 80%; height: auto; padding: 1% 10% ; float:left;}

#cmyvizqsl {width: 43%; height: auto; padding: 1% 1%; float:left;font-size:16px; color:#000000; text-align: justify;}

#cmyvizqsl h1 {color:#084e92;}

#cmyvdersl {width: 55%; height: auto; padding: 0; float:left; text-align: center;  }

#wowslider-container1 {zoom: 1; position: relative; max-width:1170px; margin:0px auto 0px; z-index:90; border:3px solid #FFFFFF; text-align:left; 

font-size: 10px;

}

* html #wowslider-container1{ width:100% }

#wowslider-container1 .ws_images ul{position:relative; width: 10000%; height:auto; left:0; list-style:none; margin:0; padding:0; border-spacing:0;

 overflow: visible;}

#wowslider-container1 .ws_images ul li{width:1%; line-height:0; float:left; font-size:0; padding:0 0 0 0 !important; margin:0 0 0 0 !important;}

#wowslider-container1 .ws_images{position: relative; left:0; top:0; width:100%; height:100%; overflow:hidden; }

#wowslider-container1 .ws_images a{width:100%; display:block; color:transparent; }

#wowslider-container1 img{max-width: none !important;}

#wowslider-container1 .ws_images img{width:100%; border:none 0; max-width: none; padding:0; margin:0; }

#wowslider-container1 object{position:absolute; }

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {position:absolute; display:none; top:50%; margin-top:-1.6em; z-index:60; width: 2.4em; height: 3.2em; background-image: url(./arrows.png); background-size:200%; }

#wowslider-container1 a.ws_next{background-position: 100% 0; right:3px; }

#wowslider-container1 a.ws_prev {background-position: 0 0; left:3px;}

* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}

#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}

/* fin del slider global de inicio*/

/* home */       

#home{

background: url('images/banner1.png') no-repeat center;

background-size: cover;

color: #fff;



text-align: center;

width: 100%;

height: auto;

float:left;

}

#home p {

font-weight: bold;

font-size:18px; 

text-shadow: -1px -1px 1px #29406c, 1px -1px 1px #29406c, -1px 1px 1px #29406c, 1px 1px 1px #29406c;

}

#home h1 {

font-weight: bold; 

font-size:48px; 

text-shadow: -2px -2px 2px #29406c, 2px -2px 2px #29406c, -2px 2px 2px #29406c, 2px 2px 2px #29406c; 

padding: 0;

margin: 0px 0px 25px 0px;}

#home img {

display: inline-block; 

margin-top: 30px;}

/* fin home */

#cmyv {width: 80%; height: auto; padding: 1% 10% ; float:left;}

#cmyvizq {width: 58%; height: auto; padding: 1% 1%; float:left;font-size:20px; color:#000000; text-align: justify;}

#cmyvizq h1 {color:#084e92;}

#cmyvder {width: 38%; height: auto; padding: 1% 1%; float:left; text-align:right;  }



#cmyv2 {width: 80%; height: auto; padding: 1% 10% ; float:left;}

#cmyvizq2 {width: 43%; height: auto; padding: 1% 1%; float:left;font-size:20px; color:#000000; text-align: justify;}

#cmyvizq2 h1 {color:#084e92;}

#cmyvder2 {width: 53%; height: auto; padding: 1% 1%; float:left; text-align:right;  }



#cmyvgris {width: 80%; height: auto; padding: 1% 10% ; float:left; background-color:#CCCCCC;}

#cmyvizqgris {width: 58%; height: auto; padding: 1% 1%; float:left;font-size:20px; color:#000000; text-align: justify;}

#cmyvizqgris h1 {color:#084e92;}

#cmyvdergris {width: 38%; height: auto; padding: 1% 1%; float:left; text-align:left;  }



#cmyvcumple {width: 80%; height: auto; padding: 1% 10% ; float:left;}

#cmyvizqcumple {width: 43%; height: auto; padding: 1% 1%; float:left;font-size:20px; color:#000000; text-align: justify;}

#cmyvizqcumple h1 {color:#084e92;}

#cmyvdercumple {width: 53%; height: auto; padding: 1% 1%; float:left; text-align:right;  }



#cmyvcont {width: 80%; height: auto; padding: 1% 10% ; float:left; background-color:#CCCCCC;}

#cmyvizqcont {width: 48%; height: auto; padding: 1% 1%; float:left;font-size:20px; color:#000000; text-align: justify;}

#cmyvdercont {width: 46%; height: auto; padding: 1% 2%; float:left; text-align:left;  }

#cmyvdercont h1 {color:#084e92;}

#cmyvderpqr {width: 46%; height: auto; padding: 1% 2%; float:left; text-align:center;  }

#cmyvderpqr h1 {color:#084e92;}



#cmyvgale {width: 80%; height: auto; padding: 1% 10% ; float:left;}



/* divisor 1 */

#sergris

{

text-align: center;

padding: 50px 10% 0px 10%;

width: 80%;

height: auto;

float:left;

background-color:#CCC;

font-size:20px;

}

#sergris h1 {

color:#084e92;



}

#sergris h3

{

font-size: 20px;

color:#000000;

padding: 0;

margin: 0px 0px 10px 0px;

}

#sergris h6

{

color:#000000;

font-size:14px;

padding: 0;

margin: 0;

}

#sergrisone

{

	width: 29%;

	height:auto;

	text-align:center;

	float:left;

	padding: 0% 2%;

	margin-bottom: 50px;

}

img.dividi { width: 60px; height: 60px; }

/* fin divisor 1 */



#divide{

width: 90%;

height: 80px;

float:left;

background:#084e92;

padding: 10px 5%;

color:#FFFFFF;

text-align:center;

}

#titulos{

width: 80%;

height: auto;

float:left;

background:#084e92;

padding: 10px 10%;

color:#FFFFFF;

text-align:center;

font-size:36px;

margin-top: 20px;

}



/* contacto */

#contact

{

background: url('images/contact-bg.jpg') no-repeat center;

background-size: cover;

color: #fff;

width: 100%;

height: auto;

float:left;

}

.capaoscura2

{

width: 80%;

height: auto;

background: rgba(0, 0, 0, 0.4);

background-size: 100% 100%;

float:left;

padding: 10px 10%;

}  

.contact-info

{

width: 50%;

height: auto;

float:left;

}

.items

{

width: 98%;

height: auto;

float:left;

padding: 0px 1%;

margin-bottom: 20px;

text-align:left;

font-size:20px;

}

.items #titu

{

font-size:44px;

}

.items #pppp

{

	padding-top: 10px;

}

.contact-form

{

width: 50%;

height: auto;

float:left;



}

.form-control

{

border: none;

border-radius: 0px;

box-shadow: none;

margin-bottom: 10px;

padding: 5px 2%;

width: 96%;

font-size:18px;

font-family:Verdana;

}

.form-control2 {

border: none;

border-radius: 0px;

box-shadow: none;

margin-bottom: 10px;

padding: 5px 2%;

width: 96%;

font-size:18px;

font-family:Verdana;



}

.form-control4 {

border: none;

border-radius: 0px;

box-shadow: none;

margin-bottom: 10px;

padding: 5px 2%;

width: 100%;

font-size:18px;

font-family:Verdana;

color:#a9a9a9;



}

.form-control3

{

border: none;

border-radius: 0px;

box-shadow: none;

margin-bottom: 10px;

padding: 15px 0%;

width: 100%;

font-size:18px;

background: #084e92;

color: #fff;

font-weight: bold;

transition: all 0.3s ease;

font-family:Verdana;

}		

.form-control3:hover {

background: #107DB6;

}

.placeselect{ color:#999;}

#comrecaptcha {width: 100%; height:auto; float:left; margin-bottom: 10px; }

#aparecedor {width: 96%; height:auto; padding: 10px 2%; background-color:#FFF; margin-bottom: 10px; float:left; color:#000; }

/* fin contacto */



/* pie */

#pie

{

background-color:#084e92;

color: #ffffff;

width: 100%;

height: auto;

float:left;

text-align:center;

padding: 10px 0px;

font-size:16px;

}

/* fin pie */

/*iconos*/

.circulo {

width: 30px;

height: 30px;

padding: 5px;

text-align:center;

-moz-border-radius: 50%;

-webkit-border-radius: 50%;

border-radius: 50%;

background: #28a7e9;

float:left;

margin-right: 10px;

}

img.circuloi { width: 25px; height: 25px; }

#pppp

{

	padding-top: 10px; text-align:left; font-weight:bold; color:#084e92;

}

/* fin iconos*/

/* menu galeria*/

UL#meng {POSITION: relative; LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; padding: 0% 0% 0% 1%; MARGIN: 10px 0 0 0 ;  width: 98%; height: auto;}

UL#meng LI {POSITION: relative; DISPLAY: inline; FLOAT: left; margin-top: 9px; }

UL#meng A {	padding: 10px 5px ; DISPLAY: block; FONT-size: 14px; font-family: verdana; COLOR: #ffffff; TEXT-DECORATION: none; text-align:center; background-color: #06F; margin: 0px 20px; border-radius: 10px}

UL#meng A:hover {COLOR: #000000}

/* fin del menu galeria*/



@media only screen and (min-width: 1025px) and (max-width: 1150px) {

#menu{width: 90%; padding: 0% 5%;}

#cmyvsl {width: 90%; padding: 1% 5% ;}

#cmyvizqsl {font-size:14px;}

#cmyv {width: 90%; padding: 1% 5% ;}

#cmyvizq {font-size:18px;}

#cmyv2 {width: 90%; padding: 1% 5% ;}

#cmyvizq2 {font-size:18px;}

#cmyvgris {width: 90%; padding: 1% 5% ;}

#cmyvizqgris {font-size:18px;}

#cmyvizqcumple {font-size:18px;}

#cmyvcumple {width: 90%; padding: 1% 5% ;}

#cmyvcont {width: 90%; padding: 1% 5% ;}

#cmyvgale {width: 90%; padding: 1% 5% ;}

UL#men A {padding: 13px 0px 13px 25px; FONT-size: 20px;}

UL#meng A {	padding: 10px 5px ; FONT-size: 14px; margin: 0px 10px;}

#home p {font-size:16px; }

#home h1 {font-size:44px; }  

#divisor{padding: 30px 7% 0px 7%; width: 86%}

#catcha {width: 100%; height:350px; padding-left: 15px;}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

#menu{width: 96%; padding: 0% 2%;}

#cmyvsl {width: 96%; padding: 1% 2% ;}

#cmyvizqsl {font-size:13px;}

#cmyv {width: 96%; padding: 1% 2% ;}

#cmyvizq {font-size:16px;}

#cmyv2 {width: 96%; padding: 1% 2% ;}

#cmyvizq2 {font-size:16px;}

#cmyvgris {width: 96%; padding: 1% 2% ;}

#cmyvizqgris {font-size:16px;}

#cmyvcumple {width: 96%; padding: 1% 2% ;}

#cmyvizqcumple {font-size:18px;}

#cmyvcont {width: 96%; padding: 1% 2% ;}

#cmyvgale {width: 96%; padding: 1% 2% ;}

UL#men A {padding: 13px 0px 13px 22px; FONT-size: 16px;}

UL#meng A {	padding: 10px 4px ; FONT-size: 10px; margin: 0px 4px;}

#home p {font-size:13px; }

#home h1 {font-size:32px; } 

.capaoscura {padding: 30px 7%; width: 86%}

.capaoscura2 {padding: 10px 7%; width: 86%}

#divisor{padding: 30px 3% 0px 3%; width: 94%}

.items #titu{font-size:40px;}

.items #pppp{font-size:20px;}

#pie {font-size:14px;}

#sergris{padding: 50px 5% 0px 5%; width: 90%;}

#sergris h3{font-size: 18px;}

#sergris h6{font-size:14px;}

#sergrisone{width: 29%;	padding: 0% 2%;	margin-bottom: 50px;}

img.dividi { width: 60px; height: 60px; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

#menu{width: 96%; padding: 0% 2%; position:relative;}

#trama{height: 5px;}

#cmyvsl {width: 96%; padding: 1% 2% ;}

#cmyvizqsl {font-size:11px;}

#cmyv {width: 96%; padding: 1% 2% ;}

#cmyvizq {font-size:14px;}

#cmyv2 {width: 96%; padding: 1% 2% ;}

#cmyvizq2 {font-size:14px;}

#cmyvgris {width: 96%; padding: 1% 2% ;}

#cmyvizqgris {font-size:14px;}

#cmyvcumple {width: 96%; padding: 1% 2% ;}

#cmyvizqcumple {font-size:14px;}

#cmyvcont {width: 96%; padding: 1% 2% ;}

#cmyvgale {width: 96%; padding: 1% 2% ;}

UL#men A {padding: 13px 0px 13px 6px; FONT-size: 12px;}

UL#meng A {	padding: 10px 4px ; FONT-size: 10px; margin: 0px 4px 5px 4px;}

#home {margin-top: 152px; }

#home p {font-size:12px; }

#home h1 {font-size:22px; } 

.capaoscura {padding: 15px 5%; width: 90%} 

.capaoscura2 {padding: 10px 5%; width: 90% } 

#divisor{padding: 30px 1% 0px 1%; width: 98%}

#divid{width: 46%;}

.items {font-size:16px;}

.items #titu{font-size:32px;}

.items #pppp{font-size:14px;}

#pie {font-size:11px;}

#sergris{padding: 50px 5% 0px 5%; width: 90%;}

#sergris h3{font-size: 21px;}

#sergris h6{font-size:14px;}

#sergrisone{width: 29%;	padding: 0% 2%;	margin-bottom: 50px;}

img.dividi { width: 60px; height: 60px; }

}

@media only screen and (max-width: 479px) {

#menu{width: 96%; padding: 0% 2%; position:relative;}

#trama{height: 5px;}

#cmyvsl {width: 96%; padding: 1% 2% ;}

#cmyvizqsl {font-size:14px; width: 100%}

#cmyvdersl {width: 100%}

img.imicontec { width: 150px; height:116px; border: 0}

img.tamalogo { width: 170px; height:116px; border: 0}

#cmyv {width: 96%; padding: 1% 2% ;}

#cmyvizq {font-size:14px; width: 100%}

#cmyvder {width: 100%}

#cmyv2 {width: 96%; padding: 1% 2% ;}

#cmyvizq2 {font-size:14px; width: 100%}

#cmyvder2 {width: 100%}

#cmyvgris {width: 96%; padding: 1% 2% ;}

#cmyvizqgris {font-size:14px; width: 100%}

#cmyvdergris { width: 100%}

#cmyvcumple {width: 96%; padding: 1% 2% ;}

#cmyvizqcumple {font-size:14px; width: 100%}

#cmyvdercumple {font-size:14px; width: 100%}

#cmyvcont {width: 96%; padding: 1% 2% ;}

#cmyvizqcont {width: 96%; }

#cmyvdercont {width: 96%; }

#cmyvderpqr { font-size:16px; text-align:center; width: 96%}

#cmyvgale {width: 96%; padding: 1% 2% ;}

UL#men LI {POSITION: relative; DISPLAY: inline; FLOAT: left; width: 100%; border:#FFFFFF 1px solid; text-align:center; }

UL#men A {padding: 13px 0px 13px 6px; FONT-size: 16px; text-align:center; float:none;}



UL#meng A {	padding: 10px 4px ; FONT-size: 14px; margin: 0px 4px 5px 4px;}

#home {margin-top: 152px; }

#home p {font-size:10px; }

#home h1 {font-size:20px; }

.capaoscura {padding: 10px 5%; width: 90%} 

.capaoscura2 {padding: 10px 5%; width: 90%} 

#divisor{padding: 30px 2% 0px 2%; width: 96%}

#divid{width: 96%;}

#contact .contact-info{padding-top: 10px; width: 100%;}

#contact .contact-form{padding-top: 10px; width: 100%;}

.items #titu{font-size:34px; text-align:center}

.items #pppp{font-size:20px; text-align:center}

#pie {font-size:12px;}

#divide{height: 50px; padding: 10px 5%; font-size:10px;}

#sergris{padding: 50px 5% 0px 5%; width: 90%;}

#sergris h3{font-size: 21px;}

#sergris h6{font-size:14px;}

#sergrisone{width: 46%;	padding: 0% 2%;	margin-bottom: 50px;}

img.dividi { width: 60px; height: 60px; }

}