/*BEGIN ESTILOS BASICOS*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); .ayuda{width:150px; height:auto; background:#990000; padding:5px; color:#FFFFFF; position:fixed; bottom:80px; right:0; z-index:9999999999; display:none;} html, body {height: 100%; margin:0 0 0 0; padding:0 0 0 0;} body{font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight:400;/*line-height: 1.7857;*/letter-spacing: 0.01em;color: #111111;/*background:#000000;*/} .maincontainer{width:100%;height:auto;position:relative;margin:0 0 0 0;padding:0 0 0 0;background:#FFFFFF;}.maincontainer p{text-align:justify;} .contenedor{width:92%; max-width:1500px; position:relative; margin:0 auto; margin-top:0; margin-bottom:0} .fila{width:100%; height:auto; position:relative; margin:0 0 0 0; padding:0 0 0 0;} .maxW{width:100%; max-width:100%;} .left50, .right50{display:inline-block; vertical-align:top; height:auto; text-align:justify;} .left50{width:49.77777778%; padding:0 25px 0 0; margin:0 0 0 0;} .right50{width:49.33333338%; padding:0 0 0 25px; margin:0 0 0 0;} .left60, .right40{display:inline-block; vertical-align:top; height:auto; text-align:justify;} .left60{width:59.77777778%; padding:0 25px 0 0; margin:0 0 0 0;} .right40{width:39.33333338%; padding:0 0 0 25px; margin:0 0 0 0;} .left40, .right60{display:inline-block; vertical-align:top; height:auto; text-align:justify;} .left40{width:39.77777778%; padding:0 25px 0 0; margin:0 0 0 0;} .right60{width:59.33333338%; padding:0 0 0 25px; margin:0 0 0 0;} .left70, .right30{display:inline-block; vertical-align:top; height:auto; text-align:justify;} .left70{width:69.77777778%; padding:0 25px 0 0; margin:0 0 0 0;} .right30{width:29.33333338%; padding:0 0 0 25px; margin:0 0 0 0;} .center100{width:100%; height:auto; text-align:justify; padding:0 0 0 0; margin:0 0 0 0;} .left100{width:100%; height:auto; padding:0 20px 0 0; margin:0 0 0 0;} .right100{width:100%; height:auto; padding:0 0 0 20px; margin:0 0 0 0;} .valignmiddle{vertical-align:middle;} article,figcaption,figure,footer,header,hgroup,nav,section{display:block;} audio, iframe, img, video{max-width:100%; margin:0; padding:0;} i{display:inline-block; color:#003567; font-size:16px;} a{ color: #111111; text-decoration:none; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} a:hover{color: #003567; text-decoration:none;} a:hover > i{color: #2484B5;} a.linksite{color: #11B4BB;} a.linksite:hover{color: #0C8187;} a, a:hover, a:active, a:focus, button:focus {outline: 0;border: 0;text-decoration: none;} p{padding:0 0 10px 0; margin:0 0 0 0;} ul{padding:0 0 0 0; margin:0 0 10px 30px;} ul li{ padding:0 0 0 0; margin:0 0 5px 0;} ol{padding:0 0 0 0; margin:0 0 10px 30px;} ol li{ padding:0 0 0 0; margin:0 0 5px 0;} h1, h2, h3, h4, h5, h6{/*text-transform: uppercase;*/} .block{display:block;} .sombra{text-shadow: 1px 1px 2px #000;} .sombrabox{-webkit-box-shadow: 0px 20px 50px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 20px 50px 0px rgba(204,204,204,1); box-shadow: 0px 20px 50px 0px rgba(204,204,204,1);}/*https://www.cssmatic.com/es/box-shadow*/ /*.white{color:#FFFFFF;} .bgblack{background:#111111;} .bluesite{color:#0074A6} .txtmin12{font-size:12px;} .txtmin13{font-size:13px;} .txtmin14{font-size:14px;} .txtupp{text-transform:uppercase;} .bordesite{border:3px solid #0074A6;} .borderbottom1{border-bottom:1px solid #999999;}*/ .listanumerica ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ display:block; } .listanumerica ol > li { position:relative; /* Create a positioning context */ margin:0 0 10px 2em; /* Give each list item a left margin to make room for the numbers */ padding:4px 8px; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ font-size:15px; } .listanumerica ol li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ position:absolute; top:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; margin-right:8px; padding:6px 4px; font-weight:bold; /*font-family:"Helvetica Neue", Arial, sans-serif;*/ text-align:center; /*-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius:10px; border-radius: 10px;*/ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius:50%; } .listanumerica ol li:before { color:#fff; background:#003567;} .contenedorvideo{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;} .contenedorvideo iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;} a.btnsite{text-decoration:none; display:inline-block; padding:10px 15px; text-transform:uppercase; background:#003567; color:#ffffff; font-weight:700; border:2px solid #003567; text-align:center;} a.btnsite:hover{background:#2484B5; border:2px solid #2484B5; color:#FFFFFF; /*text-shadow: 1px 1px 2px #000;*/} a.btnsiteall{text-decoration:none; display:block; padding:6px 15px; text-transform:uppercase; background:#003567; color:#ffffff; font-weight:700; border:2px solid #E0040B; text-align:center;} a.btnsiteall:hover{background:#2484B5; border:2px solid #2484B5; color:#FFFFFF; /*text-shadow: 1px 1px 2px #000;*/} a.btnsitebords{text-decoration:none; display:inline-block; padding:20px 20px; text-transform:uppercase; background:none; border:3px solid #FFFFFF; color:#ffffff; font-weight:700; text-align:center; font-size:16px;} a.btnsitebords:hover{background:#2484B5; border:3px solid #2484B5; color:#FFFFFF; /*text-shadow: 1px 1px 2px #000;*/} a.btnsitebords2{text-decoration:none; display:inline-block; padding:20px 20px; text-transform:uppercase; background:none; border:3px solid #FFFFFF; color:#ffffff; font-weight:700; text-align:center; font-size:16px;} a.btnsitebords2:hover{background:#003567; border:3px solid #003567; color:#FFFFFF; /*text-shadow: 1px 1px 2px #000;*/} /*a.btnsite05{text-decoration:none; display:inline-block; padding:15px 20px; text-transform:uppercase; background:none; color:#FFFFFF; font-weight:700; border:2px solid #ffffff;} a.btnsite05:hover{background:#FFFFFF; border:2px solid #FFFFFF; color:#E0040B; }*/ .sepabothome{ margin:0 0 0 0;} a.btnsite-all{text-decoration:none; display:block; padding:20px 25px; text-transform:uppercase; border:1px solid #11B4BB; background:none; letter-spacing:0.05em; font-size:14px; text-align:center;} a.btnsite-all:hover{border:1px solid #CC932C; background:#11B4BB; color:#FFFFFF;} input[type="text"]:focus, textarea:focus, select:focus, input[type="search"]:focus {outline: none;}.formsite{margin:0 0 0 0; padding:0 0 0 0;} input, .inputmin, select, textarea{font-family: 'Open Sans', sans-serif; font-size:15px;} input{width:100%; height:auto; padding:10px; margin:0; background:#F0F0F0; border:1px solid #B1C0C9;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px;} .inputmin{width:22%;} select{width:99.6%; height:auto; padding:10px 1%; margin:0 0 0 0; background:#F0F0F0; border:1px solid #B1C0C9;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px;} textarea{width:100%; height:150px; padding:10px; margin:0; background:#F0F0F0; border:1px solid #B1C0C9;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px; max-width:100%; min-width:100%; max-height:160px; min-height:150px;} .campotextarea{height:80px;max-height:80px; min-height:80px;} .curv{-webkit-border-radius: 100%;-moz-border-radius: 100%;-khtml-border-radius:100%; border-radius: 100%;} .curv5{-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px;} .curv5tops{border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius:5px 5px 0 0;} .curv5bottoms{border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px;} .curv5NavLeft{border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px;} .curv5NavRight{border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0; -khtml-border-radius:0 5px 5px 0} .curv5NavBotLeft{border-radius:0 0 0 5px; -moz-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px; -khtml-border-radius:0 0 0 5px;} .curv5NavTopRight{border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0; -khtml-border-radius:0 5px 0 0} .curv10{-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius:10px; border-radius: 10px;} .curv10tops{border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px; -khtml-border-radius:10px 10px 0 0;} .curv10bottoms{border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px;} .curv10NavLeft{border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; -khtml-border-radius:10px 0 0 10px;} .curv10NavRight{border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; -khtml-border-radius:0 10px 10px 0} .curv10NavBotLeft{border-radius:0 0 0 10px; -moz-border-radius:0 0 0 10px;-webkit-border-radius:0 0 0 10px; -khtml-border-radius:0 0 0 10px;} .curv10NavTopRight{border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0; -khtml-border-radius:0 10px 0 0} .curv20{-webkit-border-radius: 20px;-moz-border-radius: 20px;-khtml-border-radius:20px; border-radius: 20px;} .curv20tops{border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px;-webkit-border-radius: 20px 20px 0px 0px; -khtml-border-radius:20px 20px 0 0;} .curv20bottoms{border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px; -khtml-border-radius:0 0 20px 20px;} .curv20NavLeft{border-radius:20px 0 0 20px; -moz-border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px; -khtml-border-radius:20px 0 0 20px;} .curv20NavRight{border-radius:0 20px 20px 0; -moz-border-radius:0 20px 20px 0;-webkit-border-radius:0 20px 20px 0; -khtml-border-radius:0 20px 20px 0} .curv20NavBotLeft{border-radius:0 0 0 20px; -moz-border-radius:0 0 0 20px;-webkit-border-radius:0 0 0 20px; -khtml-border-radius:0 0 0 20px;} .curv20NavTopRight{border-radius:0 20px 0 0; -moz-border-radius:0 20px 0 0;-webkit-border-radius:0 20px 0 0; -khtml-border-radius:0 20px 0 0} .opacity{filter: Alpha(Opacity=35);/*IE7 fix*/opacity: 0.35;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .opacity:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;} .circular{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; -khtml-border-radius:50%;} .section-title2 {bottom: 0; left: 0; right: 0; top: 0;z-index: 0; border-bottom: 1px solid #ffffff; margin-bottom: 0; padding:0; position: relative; text-align: left;} .section-title2 h3 {border-bottom: 3px solid #2484B5; display: inline-block; padding: 0 0 10px 0; position: relative; margin-bottom:-2px; text-transform:uppercase; font-size:20px; font-weight:900;} .section-title2 h3{border-color: #2484B5;} .listgal{width:100%; height:auto; text-align:center;} .listgal ul{width:100%; height:auto; text-align:center; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .listgal li{display:inline-block; vertical-align:top; list-style:none; margin:0 0 0 0; padding:0 0 0 0; width:25%; height:auto;} .list2{width:100%; height:auto; text-align:center;} .list2 ul{width:100%; height:auto; text-align:center; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .list2 li{display:inline-block; vertical-align:top; list-style:none; margin:0 0 0 0; padding:15px; width:50%; height:auto;} .list3{width:100%; height:auto; text-align:center;} .list3 ul{width:100%; height:auto; text-align:center; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .list3 li{display:inline-block; vertical-align:top; list-style:none; margin:0 0 0 0; padding:15px; width:33.3333333%; height:auto;} .seplist3{border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0;} .list3home{width:100%; height:auto; text-align:center;} .list3home ul{width:100%; height:auto; text-align:center; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .list3home li{display:inline-block; vertical-align:top; list-style:none; margin:0 0 0 0; padding:15px; width:33.3333333%; height:auto;} .list4{width:100%; height:auto; text-align:center;} .list4 ul{width:100%; height:auto; text-align:center; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .list4 li{display:inline-block; vertical-align:top; list-style:none; margin:0 0 0 0; padding:15px; width:25%; height:auto;} .list4gal{width:100%; height:auto; text-align:center;} .list4gal ul{width:100%; height:auto; text-align:center; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .list4gal li{display:inline-block; vertical-align:top; list-style:none; margin:0 0 0 0; padding:10px; width:25%; height:auto;} .list5{width:100%; height:auto; text-align:center;} .list5 ul{width:100%; height:auto; text-align:center; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .list5 li{display:inline-block; vertical-align:top; list-style:none; margin:0 0 0 0; padding:15px; width:20%; height:auto;} .titleInter{font-size:35px; padding: 0 0 0 0; margin: -5px 0 20px 0; text-transform:uppercase; color:#ffffff; font-weight:800; text-shadow: 3px 1px 2px #000;} .titleInter:after{background-color: #ffffff; content: ""; display: block; height: 6px; position: relative; width: 8%; top:8px; left:46%;} .parallax-section{width: 100%; height:auto; background-position: 50% 0;background-repeat: no-repeat;background-size: cover;background-attachment:fixed; color:#FFFFFF;} .maskinter{background:url(../images/bg6.png) repeat;width:100%;height: auto;} .parallax-bg-01{background-image: url("../images/parallax-bg1.jpg");} .parallax-bg-int-01{background-image: url("../images/parallax-bg-int1.jpg");} .parallax-bg-int-02{background-image: url("../images/parallax-bg-int2.jpg");} .parallax-bg-int-03{background-image: url("../images/parallax-bg-int3.jpg");} .parallax-bg-int-04{background-image: url("../images/parallax-bg-int4.jpg");} .parallax-bg-int-05{background-image: url("../images/parallax-bg-int5.jpg");} .parallax-bg-int-06{background-image: url("../images/parallax-bg-int6.jpg");} .parallax-bg-int-07{background-image: url("../images/parallax-bg-int7.jpg");} .parallax-bg-int-08{background-image: url("../images/parallax-bg-int8.jpg");} .parallax-bg-int-09{background-image: url("../images/parallax-bg-int9.jpg");} .parallax-bg-int-10{background-image: url("../images/parallax-bg-int10.jpg");} .parallax-content-sin{padding:0 0 0 0;} .parallax-content{padding:80px 0 80px 0;} .parallax-content-bottom{padding:0 0 80px 0;} .parallax-content-top{padding:60px 0 0 0;} .parallax-content-int{padding:180px 0 180px 0;} .left50parallaxbot, .right50parallaxbot{display:inline-block; vertical-align:bottom; height:auto; text-align:justify;} .left50parallaxbot{width:49.77777778%; padding:0 25px 0 0; margin:0 0 0 0;} .right50parallaxbot{width:49.33333338%; padding:0 0 0 25px; margin:0 0 0 0;} .imgparallax img{width:360px;} /*.parallax-content-int a{display:inline-block; padding:20px 25px; text-transform:uppercase; font-weight:900; border:1px solid #ffffff; background:none; color:#FFFFFF;} .parallax-content-int a:hover{border:1px solid #ffffff; background:#ffffff; color:#11B4BB;}*/ /*.parallax-content img{-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.4);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.4);box-shadow:0 3px 5px rgba(0,0,0,0.4)} .listasepa ul{width:100%; height:auto; list-style:none; margin:0 0 0 0; padding:0 0 0 0; border-top:1px solid #115960;} .listasepa li{width:100%; height:auto; list-style:none; margin:0 0 0 0; padding:7px 7px; border-bottom:1px solid #115960; font-size:18px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .listasepa li:hover{background:#115960;}*/ /*END ESTILOS BASICOS*/ .sombradest{position:absolute; top:0; left:0; width:100%; height:47px; background:url(../images/sombradest.png) bottom center no-repeat; z-index:9998;} .sombradest2{position:absolute; top:0; left:0; width:100%; height:47px; background:url(../images/sombradest2.png) bottom center no-repeat; z-index:9998;} .sombraint{position:absolute; top:0; left:0; width:100%; height:47px; background:url(../images/sombraint.png) bottom center no-repeat; z-index:9998;} .sombraint2{position:absolute; top:0; left:0; width:100%; height:47px; background:url(../images/sombraint2.png) bottom center no-repeat; z-index:9998;} .separight{ border-right:1px solid #0059AA;} /*.boxacuerdo{position:absolute; bottom:35px; right:35px; z-index:9999;} .boxacuerdoint{position:absolute; top:35px; right:35px; z-index:9999;}*/ /*TOP*/ .topsite-none-top{display:none;} .topsite{width:100%; height:auto; position:relative; display:block; margin:0 0 0 0; padding:0 0 0 0; background:#003567; font-size:13px; /*color:#f1f1f1;*/ text-align:right; color:#ffffff;} .topsite a{color:#ffffff;} .topsite a:hover{color:#cccccc;} .topleft, .topcenter, .topright{display:inline-block; vertical-align:middle;} .topleft{width:auto; text-align:right; padding:9px 15px 9px 5px; border-left:1px solid #0059AA;} .topcenter{width:auto; text-align:right; padding:9px 15px 9px 5px; border-left:1px solid #0059AA;} .topright{width:auto; text-align:right;} .topleft span, .topleft i{display:inline-block; vertical-align:middle;} .topleft i{margin:0 0 0 10px; color:#ffffff;} .topcenter span, .topcenter i{display:inline-block; vertical-align:middle;} .topcenter i{margin:0 0 0 10px; color:#ffffff;} .fa-home, .fa-whatsapp{font-size:15px;} .linkred{display:inline-block; /*border:1px solid #9F9FA2;*/ padding:10px 10px; margin:0 0 0 0; width:40px; height:auto; text-align:center; /*border-left:1px solid #444444;*/} /*.linkred:hover{border:1px solid #CC932C;}*/ /*.linkred i{font-size:13px;}*/ .linkred:hover > i{color:#ffffff;/*#6DBA3A;*/-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} a.linkiconInsta, a.linkiconInsta:visited{border-left:1px solid #0059AA;}a.linkiconInsta i{color:#ffffff;} a.linkiconLinke, a.linkiconLinke:visited{border-left:1px solid #0059AA;}a.linkiconLinke i{color:#ffffff;} a.linkiconFace, a.linkiconFace:visited{border-left:1px solid #0059AA;}a.linkiconFace i{color:#ffffff;} a.linkiconYout, a.linkiconYout:visited{border-left:1px solid #0059AA;}a.linkiconYout i{color:#ffffff;} a.linkiconTwit, a.linkiconTwit:visited{border-left:1px solid #0059AA;}a.linkiconTwit i{color:#ffffff;} a.linkiconWhat, a.linkiconWhat:visited{border-left:1px solid #0059AA;}a.linkiconWhat i{color:#ffffff;} a.linkiconInsta:hover{border-left:1px solid #0059AA;/*background:#262626;*/ background:url(../images/bginsta.jpg) center center no-repeat; background-color:#DB1B82;} a.linkiconLinke:hover{border-left:1px solid #0059AA;background:#3DACCF;} a.linkiconFace:hover{border-left:1px solid #0059AA;background:#5D82D1;} a.linkiconYout:hover{border-left:1px solid #0059AA;background:#E82A1C;} a.linkiconTwit:hover{border-left:1px solid #0059AA;background:#70C2E9;} a.linkiconWhat:hover{border-left:1px solid #0059AA;background:#2CB742;} /*END TOP*/ /*HEADER*/ .header-fixed-top{width:100%; height:auto; position:fixed; top:0; margin:0 0 0 0; padding:0 0 0 0; z-index:999; background:url(../images/bghead.png) repeat;-webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .lefthead-fixe{width:30%; padding:15px 20px 15px 0; text-align:left; height:auto;} .header{width:100%;height:auto;position:relative;margin:0 0 0 0;padding:10px 0 10px 0; z-index:9999; /*background:url(../images/sombraint2.png) top center no-repeat;*/ background-color:#ffffff; /*border-bottom:5px solid #818181;*/} .lefthead, .lefthead-fixe, .righthead{display:inline-block; vertical-align:middle; margin:0 0 0 0; position:relative;} .logo img{border:0;} .lefthead{width:30%; padding:5px 20px 5px 0; text-align:left; height:auto; } .righthead{width:70%; padding:0 0 0 0; text-align:right;} .logo{width:100%; height:auto; text-align:left;} .logomin{width:100%; height:auto; text-align:left;} .menupho{width:40px; height:40px; position:absolute; top:15px; right:20px; display:none; z-index:10;} /*HEADER*/ /*NAV*/ #nav li a.navniv1-fixe{color:#ffffff;} .navegacion{width:100%; height:auto; text-align:right; margin:0 0 0 0; padding:0 0 0 0;} #nav{height:auto; text-align:right; padding:0 0 0 0; margin:0 0 0 0; border:none;} #nav ul{list-style:none; padding:0 0 0 0; margin:0 0 0 0;} #nav li{display:inline-block; vertical-align:middle; padding:0 0 0 0; margin:0 0 0 0; position:relative;} #nav li a{display:block; padding:8px 2px; margin:0 0 0 20px; color:#111111; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; /*border-bottom:3px solid #FFFFFF;*/ font-weight:600; text-transform:uppercase; font-size:14px;} #nav li a i{color:#ffffff;} /*#nav li a:hover > i{color:#009FE3;}*/ #nav li a.navniv1{color:#111111;} #nav li a.navniv1-fixe:hover, #nav li:hover > a.navniv1-fixe{color:#028ED2;} #nav li a.navniv1-fixe i{color:#ffffff;} #nav li a.navniv1 i{color:#111111;} #nav li a.navniv1:hover, #nav li:hover > a.navniv1{color:#028ED2;} #nav li:hover > a.desplegablenav i{color:#028ED2;} #nav li a.navselect{color:#028ED2;}#nav li a.navselect > i{color:#028ED2;} #nav ul li ul.subnav{display:none;} #nav ul li:hover ul.subnav{display:block;} #nav li ul.subnav li a{padding:6px 12px; border-bottom:1px solid #034B94; background:#003567; margin:0 0 0 0; font-size:13px; color:#FFFFFF;} /*new*/#nav li ul.subnav li a:hover{background:#028ED2; color:#ffffff;} #nav li ul.subnav ul.subnav2R li a{padding:7px 12px; border-left:1px solid #A2A2A2;} #nav li ul.subnav ul.subnav2L li a{padding:7px 12px; border-right:1px solid #A2A2A2;} ul.subnav{list-style:none; margin:0 0 0 0; padding:0 0 0 0; position:absolute;top:34px; left:15px; text-align:left; z-index:3; border-top:3px solid #028ED2; -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.3);box-shadow:0 3px 5px rgba(0,0,0,0.3)} ul.subnav li{display:block; width:220px; height:auto; text-align:left;} ul.subnav2L{list-style:none; margin:0 0 0 0; padding:0 0 0 0; position:absolute; top:0; left:-220px; text-align:left; z-index:2; width:220px;} ul.subnav2L li{display:block; width:220px; height:auto; text-align:left;} ul.subnav2R{list-style:none; margin:0 0 0 0; padding:0 0 0 0; position:absolute; top:0; left:220px; text-align:left; z-index:2; width:220px;} ul.subnav2R li{display:block; width:220px; height:auto; text-align:left;} #nav ul li:hover ul, #nav ul a:hover ul{visibility:visible; display:block;} #nav ul :hover ul ul{visibility:hidden; display:none;} #nav ul :hover ul :hover ul{ visibility:visible; display:block;} #nav li ul.subnav li:hover > a.insubmenuL{background:#028ED2; color:#FFFFFF;} #nav li ul.subnav li:hover > a.insubmenuR{background:#028ED2; color:#FFFFFF;} #nav li ul.subnav li:hover > a.insubmenuL i.iconleft{color:#ffffff;} #nav li ul.subnav li:hover > a.insubmenuR i.iconright{color:#ffffff;} #nav li ul.subnav2L li a{background:#003566;} #nav li ul.subnav2R li a{background:#003566;} #nav i.icondown{float:right; margin-top:4px; margin-left:5px;} #nav i.icondownsub{display:none;float:right; margin-top:4px; margin-left:5px;} #nav i.iconleft{display:inline-block; vertical-align:middle; width:auto; /*margin-top:4px; margin-left:5px;*/} #nav a.insubmenuL span{display:inline-block; vertical-align:middle; width:186px; padding-left:10px;} #nav i.iconright{display:inline-block; vertical-align:middle; width:auto;} #nav a.insubmenuR span{display:inline-block; vertical-align:middle; width:186px; padding-right:10px;} .upbolnav{text-transform:uppercase;} .seenav{position:absolute; top:5px; right:0px; width:40px; height:40px; display:none;}.seenav img{border:0;} #nav li a.exclus{display:block; padding:8px 10px; margin:0 0 0 20px; color:#111111; background:#F9B663; -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px; font-weight:600;} #nav li a.exclus:hover{color:#111111; background:#028ED2;} /*EN NAV*/ .titlepagesinternal{width:100%;height:auto;position:relative;margin:0 0 0 0;padding:30px 0 30px 0; background:url(../images/fondo-internas.png) center center repeat-y; color:#FFFFFF; font-weight:300;}.titlepagesinternal i{color:#FFFFFF;}.titlepagesinternal span{font-weight:400;} .titlepagesinternal a{color:#EFEFEF;}.titlepagesinternal a:hover{color:#ffffff;} .lefttitleInt, .righttitleInt{display:inline-block; vertical-align:middle; width:50%; height:auto;} .lefttitleInt{text-align:left; font-size:13px;} .righttitleInt{text-align:right; font-size:22px; font-weight:600;} /*BEGIN SLIDER*/ .borderitemsliderdest{border-top:1px solid #FFFFFF; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #FFFFFF;} #slider{margin:0 0 0 0; z-index:1; /*border-top:1px solid #88EFF4;*/ /*background:url(../images/bg3.png) center center no-repeat; padding:7px 0 7px 0;*/ background-color:#818181; position:relative; /*border-top:1px solid #333333;*/} #home-carousel {/*background:url(/images/franja2.jpg) bottom center no-repeat; padding:0 0 5px 0;*/} #home-carousel .item { background-position: left top; background-repeat: no-repeat; background-size:cover; width:100%; height: 550px; } #home-carousel .maskslider{ background:url(../images/bg7.png) repeat; width:100%; height: 550px; } #home-carousel .destleft { background-position: left top; } #home-carousel .destright { background-position: right top; } #home-carousel .destcenter { background-position: center top; } #home-carousel .item:before{ background-color: #000; content: ""; height: 100%; top: 0; left: 0; opacity: 0.05; position: absolute; width: 100%; } .carousel-caption { left: 0; right: 0; top: 30%; /*font-size: 15px;*/ text-align: left; color: #fff; text-shadow: none; /*margin-top: -130px; */ /*poner este estilo en la version movil*/ width:92%; max-width:1500px; margin:0 auto; position:relative; } .cont_txt_slider_left{position:relative;min-height:1px;/*margin:0 auto;*/ text-align:left; width:86%; padding-right:14%;} .cont_txt_slider_right{position:relative;min-height:1px;/*margin:0 auto;*/ text-align:right; width:86%; padding-left:14%;} .cont_txt_slider_center{position:relative;min-height:1px;/*margin:0 auto;*/ text-align:center; width:86%; margin:0 auto;} /*.manejWI90{width:90%;} .manejWI80{width:80%;} .manejWI70{width:70%;} .manejWI60{width:60%;} .manejWI50{width:50%;}*/ .bgslidart { position:absolute; bottom:0; right:0; } .carousel-caption h1 { font-size:36px; margin-bottom:0px; line-height:36px; /*letter-spacing:2px;*/ font-weight:800; text-shadow: 3px 1px 2px #000; display:block; padding:5px 0; /*background:url(../images/bg1.png) repeat;*/ -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px; text-transform:uppercase; } .carousel-caption h2 { font-size:22px; font-weight:700; margin-top:0px; letter-spacing:0.02px; margin-bottom:10px; text-shadow: 3px 1px 2px #000; display:inline-block; /*font-family: 'Raleway', sans-serif;*/ padding:0 0; /*padding:10px 10px; background:url(../images/bg2.png) repeat;*/ -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px; text-transform:uppercase; } .carousel-caption h3 { font-size:35px; font-weight:800; margin-top:0px; letter-spacing:0.02px; margin-bottom:10px; text-shadow: 3px 1px 2px #000; display:inline-block; /*font-family: 'Raleway', sans-serif;*/ padding:0 0; /*padding:10px 10px; background:url(../images/bg2.png) repeat;*/ -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px; text-transform:uppercase; } .carousel-caption p { font-weight:500; margin-top:0px; letter-spacing:1px; margin-bottom:5px; text-shadow: 1px 1px 2px #000; text-transform:uppercase; display:inline-block; padding:10px 10px; background:url(../images/bg2.png) repeat; -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px; } .enlaceslider{display:block; width:100%; height:auto; padding:0 0 0 0;} a.enlacedest{display:inline-block; padding:10px 15px; border:2px solid #ffffff; color:#ffffff; text-transform:uppercase; font-weight:800; text-shadow: 1px 1px 2px #000;} a.enlacedest:hover{border:2px solid #E0040B; background:#E0040B;} .home-carousel-left, .home-carousel-right { background-color: #8E959A; color:#FFF; font-size: 32px; height: 40px; line-height: 40px; margin-top: -20px; position: absolute; text-align: center; top: 50%; width: 32px; z-index: 999; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; -ms-transition: 300ms; transition: 300ms; } .home-carousel-left:hover, .home-carousel-right:hover { background-color: #4C4C4E; } .home-carousel-left { left:-32px; } .home-carousel-right { right:-32px; } #home-carousel:hover .home-carousel-left { left:0; } #home-carousel:hover .home-carousel-right { right:0; } /* carousel animacion */ #home-carousel .item .bgslidart, #home-carousel .item h1, #home-carousel .item h2, #home-carousel .item p, #home-carousel .item .enlaceslider{ opacity:0; -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } #home-carousel .item .bgslidart { -webkit-transition: all 0.5s ease-in-out 0.15s; -moz-transition: all 0.5s ease-in-out 0.15s; -ms-transition: all 0.5s ease-in-out 0.15s; -o-transition: all 0.5s ease-in-out 0.15s; transition: all 0.5s ease-in-out 0.15s; } #home-carousel .item.active .bgslidart, #home-carousel .item.active h1, #home-carousel .item.active h2, #home-carousel .item.active p, #home-carousel .item.active .enlaceslider{ opacity:1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #home-carousel .item h1 { -webkit-transition: all 0.5s ease-in-out 0.30s; -moz-transition: all 0.5s ease-in-out 0.30s; -ms-transition: all 0.5s ease-in-out 0.30s; -o-transition: all 0.5s ease-in-out 0.30s; transition: all 0.5s ease-in-out 0.30s; } #home-carousel .item h2 { -webkit-transition: all 0.5s ease-in-out 0.45s; -moz-transition: all 0.5s ease-in-out 0.45s; -ms-transition: all 0.5s ease-in-out 0.45s; -o-transition: all 0.5s ease-in-out 0.45s; transition: all 0.5s ease-in-out 0.45s; } #home-carousel .item p { -webkit-transition: all 0.5s ease-in-out 0.60s; -moz-transition: all 0.5s ease-in-out 0.60s; -ms-transition: all 0.5s ease-in-out 0.60s; -o-transition: all 0.5s ease-in-out 0.60s; transition: all 0.5s ease-in-out 0.60s; } #home-carousel .item .enlaceslider { -webkit-transition: all 0.5s ease-in-out 0.75s; -moz-transition: all 0.5s ease-in-out 0.75s; -ms-transition: all 0.5s ease-in-out 0.75s; -o-transition: all 0.5s ease-in-out 0.75s; transition: all 0.5s ease-in-out 0.75s; } #home-carousel i{color:#FFFFFF;} /* fin carousel animacion */ /*END SLIDER*/ /*CONTENIDOS*/ .boxhomemove{background:none; top:-50px; z-index:10;} .boxflohome{background:#EFEFEF; padding:30px 20px;} .boxflohome h2{color:#003567; font-size:25px; margin:0 0 0 0; padding:0 0 15px 0; line-height:25px;} .boxflohome img{height:90px;} .boxtitulrutpage{position:absolute; bottom:-50px; z-index:10; background:#FFFFFF; padding:30px 20px; width:50%; left:25%; color:#003567;} .boxtitulsite{width:100%; height:auto;text-align:center; font-weight:800; font-size:32px; text-transform: uppercase; padding:0 0 20px 0;} .boxrutsite{width:100%; height:auto;text-align:center;} .boxrutsite a:hover, .boxrutsite span{color:#2484B5;} /*.boxtitlesite{margin:0 auto; width:70%;}*/ /*efecto box home*/ /* .homeport1 figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 100%; max-height: 360px; width: 48%; background: #222222; text-align: center; cursor: pointer; } .homeport1 figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } .homeport1 figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .homeport1 figure figcaption::before, .homeport1 figure figcaption::after { pointer-events: none; } .homeport1 figure figcaption, .homeport1 figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .homeport1 figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .homeport1 figure h2 { word-spacing: -0.05em; font-weight: 400; font-size:19px; font-weight: 800; text-shadow: 3px 1px 2px #000;} .homeport1 figure h2 span {} .homeport1 figure h2, .homeport1 figure p { margin: 0; } .homeport1 figure p { letter-spacing: 1px; font-size: 68.5%; } figure.effect-oscar {} figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-oscar figcaption { padding: 2em 1.2em; background-color: rgba(58,52,42,0.2); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ''; } figure.effect-oscar h2 { margin: 15% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0);} figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-oscar:hover .resalt { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(58,52,42,0); } figure.effect-oscar:hover img { opacity: 0.3; } */ /*efecto box home*/ /*.boxcontent01{background:#8E959A;} .boxcontent02{background:#636D74;} .boxcontent03{background:url(../images/bg4.png) top center no-repeat; border-top:2px solid #326992;} .boxtext01 h1{font-weight:800; font-size:40px; color:#FFFFFF; padding:0 0 20px 0; margin:0 0 0 0;} .boxtext01 h2{font-weight:800; font-size:35px; color:#FFFFFF; padding:0 0 20px 0; margin:0 0 0 0;} .boxtext01 p{font-weight:600; font-size:18px; color:#FFFFFF; padding:0 0 20px 0; margin:0 0 0 0;}*/ .title01{font-weight:800; font-size:32px; padding:0 0 10px 0; margin:0 0 0 0; text-transform: uppercase;} .title02{font-weight:800; font-size:25px; padding:0 0 10px 0; margin:0 0 0 0; text-transform: uppercase;} .subtitle01{font-weight:600; font-size:22px; padding:0 0 10px 0; margin:0 0 0 0;} .itemimgOW{background:#2484B5; padding:8px 0 0 0; position:relative;} .itemtxtOW{background:#003567; color:#FFFFFF; padding:12px 15px; text-align:center; text-transform:uppercase;} .boxitemOW{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:url(../images/bg1.png) repeat; z-index:2; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;} .boxitemOW i{font-size:40px; color:#FFFFFF; margin-top:30%;} .owl-carousel .item:hover .itemimgOW .boxitemOW{visibility: visible; opacity: 1;} .imageshomecirc img{width:200px; padding:6px; border:8px solid #ffffff; background:#2484B5;} @keyframes rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}} @-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}} .imageshomecirc img:hover{-webkit-animation: 3s rotate linear infinite;animation: 3s rotate linear infinite;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;} /*.title02{font-weight:700; font-size:26px; padding:0 0 10px 0; margin:0 0 0 0; color:#000000; text-transform: uppercase; text-align:left;} .title03{font-weight:800; font-size:24px; padding:0 0 10px 0; margin:0 0 0 0; color:#000000; text-transform: uppercase; text-align:left;} .title04{font-weight:800; font-size:22px; padding:0 0 10px 0; margin:0 0 0 0; color:#000000; text-align:left;} .subtitle01{font-weight:600; font-size:18px; padding:0 0 20px 0; margin:0 0 0 0; } .subtitle02{font-weight:600; font-size:18px; padding:0 0 20px 0; margin:0 0 0 0; text-transform: uppercase;} .subtitle03{font-weight:600; font-size:18px;}*/ /*.listlog{width:100%; height:auto; text-align:center;} .listlog ul{width:100%; height:auto; text-align:center; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .listlog li{display:inline-block; vertical-align:top; list-style:none; margin:0 0 0 0; padding:15px; width:25%; height:auto;}*/ /*.infodetailserv{position:absolute; z-index:2; bottom:0; left:0; color:#fff; padding:0 10px; width:100%; max-height: 0%; height:auto; overflow: hidden; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; background:url(../images/bg9.png) repeat; -webkit-transition: max-height 0.8s;-moz-transition: max-height 0.8s;-ms-transition: max-height 0.8s;-o-transition: max-height 0.8s;transition: max-height 0.8s;} .boxitemserviced:hover .infodetailserv{max-height:100%; height:100%; -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px;} .boxitemserviced:hover .txtitemserv{display:block;} .boxitemserviced, .titleitemserv, .txtitemserv{width:100%; height:auto; text-align:center; margin:0 0 0 0; padding:0 0 0 0; position:relative;} .boxitemserviced p{text-align:center;} .titleitemserv{width:100%; height:auto; margin:0 0 0 0; padding:10px 10px; font-weight:600; font-size:15px; text-transform:uppercase;} .txtitemserv{display:none; border-top:2px solid #FFFFFF; padding:15px 0 0 0; margin:0 0 0 0;} .boxitemserviced i{color:#FFFFFF;}*/ .infodetailserv{position:absolute; z-index:2; bottom:0; left:0; color:#fff; padding:20px; width:100%; max-height: 50%; height:auto; overflow: hidden; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; background:url(../images/bg9.png) repeat; -webkit-transition: max-height 0.8s;-moz-transition: max-height 0.8s;-ms-transition: max-height 0.8s;-o-transition: max-height 0.8s;transition: max-height 0.8s;} .boxitemserviced:hover .infodetailserv{max-height:100%; height:100%; -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius:5px; border-radius: 5px;} .boxitemserviced:hover .txtitemserv{display:block;} .boxitemserviced, .titleitemserv, .txtitemserv{width:100%; height:auto; text-align:center; margin:0 0 0 0; padding:0 0 0 0; position:relative;} .boxitemserviced p{text-align:center;} .titleitemserv{width:100%; height:auto; margin:0 0 0 0; padding:10px 10px; font-weight:800; font-size:18px; text-transform:uppercase;} .txtitemserv{display:none; border-top:2px solid #FFFFFF; padding:15px 0 0 0; margin:0 0 0 0;} .boxitemserviced i{color:#FFFFFF;} /*effect*/ /* .snip1361 { position: relative; float: left; overflow: hidden; margin:0 0; min-width: 200px; max-width: 650px; width: 100%; color: #ffffff; text-align: left; line-height: 1.4em; font-size: 16px; } .snip1361 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .snip1361 img { max-width: 100%; vertical-align: top; } .snip1361 figcaption { position: absolute; top: calc(80%); width: 100%; height:100%; background-color: #000000; padding: 15px 15px 65px; } .snip1361 figcaption:before { position: absolute; content: ''; z-index: 2; bottom: 100%; left: 0; width: 100%; height: 100px; background-image: -webkit-linear-gradient(top, transparent 0%, #000000 100%); background-image: linear-gradient(to bottom, transparent 0%, #000000 100%); } .snip1361 h3 { font-size:20px; font-weight: 700; margin: 0 0 20px 0; text-transform: uppercase; } .snip1361 h3 span { font-weight: 300; } .snip1361 p { font-size:14px; margin: 0 0 10px 0; text-align:left; } .snip1361 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .snip1361:hover figcaption, .snip1361.hover figcaption { top: 80px; } */ /*effect*/ .texttitular{font-size:18px; font-weight:800;} .bgfranja01{background:#E2E4E7;} .cdatacontact i{font-size:50px; color:#AFAFAF;} .cdatacontact div{width:80%; height:auto; padding:0 0 20px 0; text-align:center; margin:0 auto;} div.sepacdatacontent {padding:0 0 20px 0; margin-bottom:20px; border-bottom:1px solid #DEDEDE; text-align:center;} .contentboxes01{} .iconboxes01{ padding:0 0 15px 0;} .titleboxes01{font-size:18px; font-weight:900; color:#000000; text-transform:uppercase; padding:0 0 10px 0;} .txtboxes01{} .icons01{width:120px;} .bgboxesred{width:100%; height:auto; background:url(../images/bgred.png) top center repeat-x; background-color:#820205; color:#FFFFFF;} .maskbgboxesred{width:100%; height:auto; padding:40px 0 40px 0; background:url(../images/bg7.png) repeat;} .bgboxesred p{font-size:25px; font-weight:300;} .bgboxesred p span{font-weight:600;} .bgmisvisall{background:url(../images/bg8.png) center top repeat-y;} /*mapa*/ .contentmapaubication{width:100%; height:400px;} /*end mapa*/ /*formulario contacto*/ .contentForm{width:100%; height:auto; display:block; margin-bottom:20px;} .sepaContentForm{ border-bottom:1px solid #D5D5D5; padding-bottom:15px;} .contentForm ul{list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .contentForm ul li{list-style:none; margin:0 0 10px 0; padding:0 0 0 0; display:block; width:100%;} .messagealerta{width:100%; height:auto; padding:10px 10px; margin:0 0 10px 0; font-size:1.1em; text-align:left; color:#FFFFFF; display:none;} .bgred{background:#BB0000;}.bgreen{background:#008800;} .imgalert, .txtalert{display:inline-block; width:100%; vertical-align:middle; text-align:left;} .imgalert{width:10%; text-align:left; padding:0 0 0 0; margin:0 0 0 0; max-width:30px;} .txtalert{width:89%; text-align:left; padding:0 0 0 1%; margin:0 0 0 0;} .mensajeexito{width:100%; height:auto;} .txtexito{width:100%; height:auto; text-align:center; color:#5ABD24; padding:20px 0 0 0; font-size:1.2em; font-weight:400;} .imgexito{width:100%; height:auto; text-align:center; padding:20px 0 0 0;} .txterror{width:100%; height:auto; text-align:center; color:#ED1B2B; padding:20px 0 0 0; font-size:1.2em; font-weight:400;} .loadformcarg{width:100%; height:auto; text-align:left; font-size:15px; font-weight:600; margin:0 0 10px 0; display:none;}.loadformcarg img{border:0;} .datscontact{width:100%; height:auto; padding:10px 0 0 20px; border-left:5px solid #E0040B;} /*end formulario contacto*/ /*carrusel*/ .interna-carousel{width:100%; height:auto; position:relative;} .interna-carousel-left, .interna-carousel-right {background-color: #003567;color:#ffffff;font-size: 32px;height: 40px;line-height: 40px;margin-top: -20px;position: absolute;text-align: center;top: 50%;width: 32px;z-index: 998;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;-ms-transition: 300ms;transition: 300ms;} .interna-carousel-left {left:0;filter: Alpha(Opacity=100);opacity: 1;} .interna-carousel-right {right:0;filter: Alpha(Opacity=100);opacity: 1;} .interna-carousel-left:hover {background-color: #2484B5;} .interna-carousel-right:hover {background-color: #2484B5;} .interna-carousel-left i{color:#ffffff;}.interna-carousel-left:hover > i{color:#ffffff;} .interna-carousel-right i{color:#ffffff;}.interna-carousel-right:hover > i{color:#ffffff;} #interna-carousel:hover .interna-carousel-left {left:0;filter: Alpha(Opacity=100);opacity: 1;} #interna-carousel:hover .interna-carousel-right {right:0;filter: Alpha(Opacity=100);opacity: 1;} #interna-carousel .item img{width: 100%;} .txtitems{ position:absolute; bottom:0; width:100%; height:auto; /*background:#000000;*/ background:url(../images/bg7.png) repeat; color:#FFFFFF; padding:15px; text-shadow: 1px 1px 2px #000;} /*carrusel*/ /*.boxitemproced, .imgitemproced, .titleitemproced, .infoitemproced{width:100%; height:auto; text-align:center; margin:0 0 0 0; padding:0 0 0 0; position:relative;} .boxitemproced p{text-align:center;} .imgitemproced img{z-index:1;} .titleitemproced{padding:15px 15px; color:#FFFFFF; text-transform:uppercase; font-weight:600; background:#2390CE; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .infoitemproced{background:#EEEEEE; padding:15px 15px;} .iconitemproced{width:100%; height:auto; padding:30px 0 2px 0; margin:0 0 0 0; text-align:center;} .catitemproced{width:100%; height:auto; padding:0 0 0 0; margin:0 0 0 0; text-align:center; color:#FFFFFF; font-size:25px; font-weight:600;} .detailsitemsproce -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .boxitemproced:hover .detailsitemsproced{opacity:0.9; visibility:visible;} .boxitemproced:hover .titleitemproced{background:#11B4BB;} .titlepagesite{width:100%; height:auto; position:relative; background:#EEEEEE; border-top:1px solid #88EFF4; border-bottom:1px solid #CECECE; padding:30px 0 30px 0; margin:0 0 0 0;} .titleInter{font-size:22px; padding: 0 0 0 0; margin: -5px 0 0 0; text-transform:uppercase; color:#0E8F96;#0B696F} .titleInter:after{background-color: #0E8F96; content: ""; display: block; height: 6px; position: relative; width: 80px; top: 4px;} .navpageint{width:100%; height:auto; padding:25px 0 0 0; margin:0 0 0 0; font-size:12px; color:#999999;}.navpageint i{color:#999999;} .navpageint a{color:#999999;} .navpageint a:hover{color:#11B4BB;}*/ /*.contentrazIn{background:#f4f4f4;} .contentrazIn img{-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.4);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.4);box-shadow:0 3px 5px rgba(0,0,0,0.4)} .listasepaIn ul{width:100%; height:auto; list-style:none; margin:0 0 0 0; padding:0 0 0 0; border-top:1px solid #DDDDDD;} .listasepaIn li{width:100%; height:auto; list-style:none; margin:0 0 0 0; padding:7px 7px; border-bottom:1px solid #DDDDDD; font-size:18px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .listasepaIn li:hover{background:#DDDDDD;}*/ .detailscontact{ text-align:center;}.detailscontact p{text-align:center;} .detailscontact p.titlecontact{font-size:20px; color:#003567;} .detailscontact i{font-size:40px; color:#2484B5;} /*END CONTENIDOS*/ /*FOOTER*/ .contentfacesite{width:100%; height:auto; text-align:center; } .footer{width:100%;height:auto;position:relative;margin:0 0 0 0;padding:0 0 0 0; color:#ffffff; font-size:13px; /*border-top:5px solid #F4F4F4;*/} .footer-a{width:100%;height:auto; position:relative; background:#003567; padding:25px 0 25px 0; /*border-bottom:1px solid #222222;*//* border-top:8px solid #818181;*/}.footer-a p{text-align:justify;} .footer-b{width:100%;height:auto; position:relative; background:#002B51; padding:25px 0 25px 0; color:#ffffff;} .footer-b p{ padding:0 0 0 0; margin:0 0 2px 0;} .footer-a a{color: #ffffff;} .footer-a a:hover{color: #B4ADAD;} .footer-b a{color: #ffffff;} .footer-b a:hover{color:#B4ADAD;} .leftfooter-b, .rightfooter-b{display:inline-block; vertical-align:middle;} .leftfooter-b{width:50%; text-align:left;} .rightfooter-b{width:50%; text-align:right;} .leftfooter-a, .centerfooter-a, .rightfooter-a{display:inline-block; vertical-align:top; text-align:left; width:30%;} .leftfooter-a{padding:0 50px 0 0; width:40%;} .centerfooter-a{padding:0 50px 0 50px;} .rightfooter-a{padding:0 0 0 50px; } .contentfooter{width:100%; height:auto; padding:25px 0 0 0; margin:0 0 0 0;} .leftfooter-a i, .centerfooter-a i{color:#B4ADAD; width:14px; text-align:center;} .rightfooter-a i{color:#B4ADAD; width:20px; text-align:center;} .logfoot{padding:18px 0 0 0; margin:0 0 0 0; text-align:left; width:100%;} .linkred-foo i{ font-size:20px;} .linkred-foo{display:inline-block; padding:6px 0 0 0; margin:0 5px 0 0; width:34px; height:34px; text-align:center;} .linkred-foo:hover > i{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} a.linkiconInsta-foo, a.linkiconInsta-foo:visited{border:1px solid #ffffff;}a.linkiconInsta-foo i{color:#ffffff;} a.linkiconFace-foo, a.linkiconFace-foo:visited{border:1px solid #ffffff;}a.linkiconFace-foo i{color:#ffffff;} a.linkiconWhat-foo, a.linkiconWhat-foo:visited{border:1px solid #ffffff;}a.linkiconWhat-foo i{color:#ffffff;} a.linkiconInsta-foo:hover{border:1px solid #DB1B82; background:url(/images/bginsta.jpg) center center no-repeat; background-color:#DB1B82;}a.linkiconInsta-foo:hover > i{color:#FFFFFF;} a.linkiconFace-foo:hover{border:1px solid #3B5998; background:#3B5998;}a.linkiconFace-foo:hover > i{color:#FFFFFF;} a.linkiconWhat-foo:hover{border:1px solid #2CB742; background:#2CB742;}a.linkiconWhat-foo:hover > i{color:#FFFFFF;} /*END FOOTER*/ /*formulario solicitar informacion del servicio*/ /*.contentformmasinfo{width:100%; height:auto; display:block; margin:0; padding:0; background:#43494E;} .topformmasinfo{width:100%; height:auto; display:block; margin:0; padding:15px 0; background:#687279; text-align:center;}.topformmasinfo i{color:#FFFFFF; font-size:70px;} .titleformmasinfo{width:100%; height:auto; display:block; margin:0; padding:10px 20px; text-align:center; font-size:22px; font-weight:600; color:#CC932C; text-transform:uppercase;} .detailformmasinfo{width:100%; height:auto; display:block; margin:0; padding:0 20px; text-align:center; color:#FFFFFF;} .formmasinfo{width:100%; height:auto; display:block; margin:0; padding:15px 20px;} .formmasinfo ul{list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .formmasinfo ul li{list-style:none; margin:0 0 10px 0; padding:0 0 0 0; display:block; width:100%;}*/ /*end formulario solicitar informacion del servicio*/ /*.itemnews{width:100%; height:auto; display:block; position:relative;} .sepadnews{padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px solid #E5E5E5;} .datanews{width:100%; height:auto; font-size:12px; text-align:left; margin:0 0 0 0; padding:0 0 6px 0;} .publishednews{width:100%; height:auto; font-size:12px; text-align:left; margin:0 0 0 0; padding:0 0 6px 0;} .publishednews span{font-weight:600;} .titlenews{width:100%; height:auto; font-size:24px; margin:0 0 0 0; padding:0 0 10px 0;}.titlenews a{color:#CC932C;}.titlenews a:hover{color:#111111;} .interacnews{width:100%; height:auto; text-align:right; background:#F2F2F2; font-size:12px; font-weight:600; padding:6px 10px; margin:0 0 10px 0;} .interacnews span{display:inline-block; border-left:1px solid #DDDDDD; padding:0 0 0 10px; margin:0 0 0 10px;} .gallerynews{width:100%; height:auto; margin:0 0 0 0; padding:0 0 20px 0;} .detailsnews{width:100%; height:auto; margin:0 0 0 0; padding:0 0 10px 0;} .imagenews, .txtnews{display:inline-block; vertical-align:top; margin:0 0 0 0;} .imagenews{width:40%; text-align:left; padding:0 15px 0 0;} .txtnews{width:60%; text-align:justify; padding:0 0 0 15px;} .linknews{width:100%; height:auto; text-align:left;} .downloadsnews{width:100%; height:auto; text-align:left; padding:10px 0 10px 0; margin:0 0 10px 0;} .itemdowload{width:250px; height:auto; display:inline-block; vertical-align:top; padding:10px; background:#FFFFC4; font-size:13px;}.iconDow, .txtDow{display:inline-block; vertical-align:middle;}.iconDow{width:30%; text-align:left;}.txtDow{width:70%; text-align:left;}.iconDow i{font-size:50px;}.txtDow span{display:block; padding:0 4px 0 0;}span.titledow{font-weight:600} .sourcenews{width:100%; height:auto; text-align:left; font-size:12px; padding:0 0 0 0; margin:0 0 20px 0;}.sourcenews span{font-weight:600;} .contentcategorysnews{width:100%; height:auto; text-align:left; padding:0 0 0 0; margin:0 0 35px 0;}.contentcategorysnews span{display:block; margin:0 0 20px 0;} .contentarticlesnews{width:100%; height:auto; text-align:left; padding:0 0 0 0; margin:0 0 0 0;}.contentarticlesnews span{display:block; margin:0 0 20px 0;}*/ /*paginacion*/ .numpaginacion{width:100%; height:auto; text-align:left; padding:0 0 15px 0; font-size:13px;} .contentpaginacion{width:100%; height:auto; text-align:left; margin:0 0 20px 0; padding:0 0 0 0;} .contentpaginacion a.linkpagi{display:inline-block; width:35px; height:35px;padding:0 0 0 0; margin:0px 2px 0px 0px; border:1px solid #4C4C4E; color:#4C4C4E; text-decoration:none; text-align:center; line-height: 31px; font-size:14px} .contentpaginacion a.linkpagi i{color:#222222;} .contentpaginacion a.linkpagi:hover{text-decoration:none; background:#CC932C; color:#ffffff; border:1px solid #CC932C;} .contentpaginacion a.linkpagi:hover > i{color:#FFFFFF;} .contentpaginacion a.linkpagiselect{display:inline-block; width:35px; height:35px;padding:0 0 0 0; margin:0px 2px 0px 0px; border:1px solid #CC932C; color:#ffffff; text-decoration:none; font-weight:600; text-align:center; line-height: 31px; background:#CC932C; font-size:14px} /*end paginacion*/ .bloqproximocurso{width:100%; height:auto; display:block; padding:0; margin:0; text-align:center; font-size:14px;} .bloqproximocurso p{text-align:center;} .bloqproximocurso i{font-size:50px; color:#CC932C; margin:0 0 10px 0;} .titleproximocurso{color:#CC932C; font-weight:600; font-size:15px; text-align:center;} .nameexpos{font-weight:600; text-transform:uppercase;} .contentbtnsuscrip{width:100%; height:auto; display:block; margin:0 0 20px 0; padding:0 0 0 0; text-align:center;} .full-row-components01{padding-top: 60px;padding-bottom: 32px;background-color: #E1E1E1;margin-left: 0px;margin-right: 0px;z-index:210;} .full-row-components01:after{content: "";border-style: dashed;border-color: transparent;border-width: 2.2em;display: -moz-inline-box;display: inline-block;font-size: 60px;height: 0;line-height: 0;position: absolute;left: 50%;margin-left: -133px;vertical-align: middle;width: 0;border-top-width: 1em;border-top-style: solid;border-top-color: #E1E1E1; z-index:210;} /*.opacity{filter: Alpha(Opacity=40); opacity: 0.4;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .opacity:hover{filter: Alpha(Opacity=100); opacity: 1;}*/ /*SCROLL TO TOP*/ .scroll-up {position: fixed;display: none;z-index: 999999;bottom: 3em;right: 1em;} .scroll-up ul{margin: 0;padding: 0;} .scroll-up li{list-style: none;margin: 0;padding: 0;} .scroll-up a{background-color: #fff;display: block;width: 36px;height: 36px;text-align: center;color: #111;font-size: 20px;line-height: 31px;box-shadow: 0px 0px 6px #ccc;} .scroll-up a:hover, .scroll-up a:active{background-color: #f5f5f5; color: #000;} .scroll-up a > i{color:#111111;} .scroll-up a:hover > i{color:#2483B4;} /*SCROLL TO TOP*/ .no-margin {margin: 0 0 0 0;padding: 0 0 0 0;} .margintop5{margin-top:5px;}.margintop10{margin-top:10px;}.margintop15{margin-top:15px;}.margintop20{margin-top:20px;}.margintop25{margin-top:25px;}.margintop30{margin-top:30px;}.margintop35{margin-top:35px;}.margintop40{margin-top:40px;}.margintop45{margin-top:45px;}.margintop50{margin-top:50px;}.margintop55{margin-top:55px;}.margintop60{margin-top:60px;}.margintop65{margin-top:65px;}.margintop70{margin-top:70px;}.margintop75{margin-top:75px;}.margintop80{margin-top:80px;}.margintop85{margin-top:85px;}.margintop90{margin-top:90px;}.margintop95{margin-top:95px;}.margintop100{margin-top:100px;}.margintop105{margin-top:105px;}.margintop110{margin-top:110px;}.margintop115{margin-top:115px;}.margintop120{margin-top:120px;}.margintop125{margin-top:125px;}.margintop130{margin-top:130px;}.margintop135{margin-top:135px;}.margintop140{margin-top:140px;}.margintop145{margin-top:145px;}.margintop150{margin-top:150px;}.margintop155{margin-top:155px;}.margintop160{margin-top:160px;}.margintop165{margin-top:165px;}.margintop170{margin-top:170px;}.margintop175{margin-top:175px;}.margintop180{margin-top:180px;}.margintop185{margin-top:185px;}.margintop190{margin-top:190px;}.margintop195{margin-top:195px;}.margintop200{margin-top:200px;}.margintop205{margin-top:205px;}.margintop210{margin-top:210px;}.margintop215{margin-top:215px;}.margintop220{margin-top:220px;}.margintop225{margin-top:225px;}.margintop230{margin-top:230px;}.margintop235{margin-top:235px;}.margintop240{margin-top:240px;}.margintop245{margin-top:245px;}.margintop250{margin-top:250px;}.margintop255{margin-top:255px;}.margintop260{margin-top:260px;}.margintop265{margin-top:265px;}.margintop270{margin-top:270px;}.margintop275{margin-top:275px;}.margintop280{margin-top:280px;}.margintop285{margin-top:285px;}.margintop290{margin-top:290px;}.margintop295{margin-top:295px;}.margintop300{margin-top:300px;} .marginrig5{margin-right:5px;}.marginrig10{margin-right:10px;}.marginrig15{margin-right:15px;}.marginrig20{margin-right:20px;}.marginrig25{margin-right:25px;}.marginrig30{margin-right:30px;}.marginrig35{margin-right:35px;}.marginrig40{margin-right:40px;}.marginrig45{margin-right:45px;}.marginrig50{margin-right:50px;}.marginrig55{margin-right:55px;}.marginrig60{margin-right:60px;}.marginrig65{margin-right:65px;}.marginrig70{margin-right:70px;}.marginrig75{margin-right:75px;}.marginrig80{margin-right:80px;}.marginrig85{margin-right:85px;}.marginrig90{margin-right:90px;}.marginrig95{margin-right:95px;}.marginrig100{margin-right:100px;}.marginrig105{margin-right:105px;}.marginrig110{margin-right:110px;}.marginrig115{margin-right:115px;}.marginrig120{margin-right:120px;}.marginrig125{margin-right:125px;}.marginrig130{margin-right:130px;}.marginrig135{margin-right:135px;}.marginrig140{margin-right:140px;}.marginrig145{margin-right:145px;}.marginrig150{margin-right:150px;}.marginrig155{margin-right:155px;}.marginrig160{margin-right:160px;}.marginrig165{margin-right:165px;}.marginrig170{margin-right:170px;}.marginrig175{margin-right:175px;}.marginrig180{margin-right:180px;}.marginrig185{margin-right:185px;}.marginrig190{margin-right:190px;}.marginrig195{margin-right:195px;}.marginrig200{margin-right:200px;}.marginrig205{margin-right:205px;}.marginrig210{margin-right:210px;}.marginrig215{margin-right:215px;}.marginrig220{margin-right:220px;}.marginrig225{margin-right:225px;}.marginrig230{margin-right:230px;}.marginrig235{margin-right:235px;}.marginrig240{margin-right:240px;}.marginrig245{margin-right:245px;}.marginrig250{margin-right:250px;}.marginrig255{margin-right:255px;}.marginrig260{margin-right:260px;}.marginrig265{margin-right:265px;}.marginrig270{margin-right:270px;}.marginrig275{margin-right:275px;}.marginrig280{margin-right:280px;}.marginrig285{margin-right:285px;}.marginrig290{margin-right:290px;}.marginrig295{margin-right:295px;}.marginrig300{margin-right:300px;} .marginbot5{margin-bottom:5px;}.marginbot10{margin-bottom:10px;}.marginbot15{margin-bottom:15px;}.marginbot20{margin-bottom:20px;}.marginbot25{margin-bottom:25px;}.marginbot30{margin-bottom:30px;}.marginbot35{margin-bottom:35px;}.marginbot40{margin-bottom:40px;}.marginbot45{margin-bottom:45px;}.marginbot50{margin-bottom:50px;}.marginbot55{margin-bottom:55px;}.marginbot60{margin-bottom:60px;}.marginbot65{margin-bottom:65px;}.marginbot70{margin-bottom:70px;}.marginbot75{margin-bottom:75px;}.marginbot80{margin-bottom:80px;}.marginbot85{margin-bottom:85px;}.marginbot90{margin-bottom:90px;}.marginbot95{margin-bottom:95px;}.marginbot100{margin-bottom:100px;}.marginbot105{margin-bottom:105px;}.marginbot110{margin-bottom:110px;}.marginbot115{margin-bottom:115px;}.marginbot120{margin-bottom:120px;}.marginbot125{margin-bottom:125px;}.marginbot130{margin-bottom:130px;}.marginbot135{margin-bottom:135px;}.marginbot140{margin-bottom:140px;}.marginbot145{margin-bottom:145px;}.marginbot150{margin-bottom:150px;}.marginbot155{margin-bottom:155px;}.marginbot160{margin-bottom:160px;}.marginbot165{margin-bottom:165px;}.marginbot170{margin-bottom:170px;}.marginbot175{margin-bottom:175px;}.marginbot180{margin-bottom:180px;}.marginbot185{margin-bottom:185px;}.marginbot190{margin-bottom:190px;}.marginbot195{margin-bottom:195px;}.marginbot200{margin-bottom:200px;}.marginbot205{margin-bottom:205px;}.marginbot210{margin-bottom:210px;}.marginbot215{margin-bottom:215px;}.marginbot220{margin-bottom:220px;}.marginbot225{margin-bottom:225px;}.marginbot230{margin-bottom:230px;}.marginbot235{margin-bottom:235px;}.marginbot240{margin-bottom:240px;}.marginbot245{margin-bottom:245px;}.marginbot250{margin-bottom:250px;}.marginbot255{margin-bottom:255px;}.marginbot260{margin-bottom:260px;}.marginbot265{margin-bottom:265px;}.marginbot270{margin-bottom:270px;}.marginbot275{margin-bottom:275px;}.marginbot280{margin-bottom:280px;}.marginbot285{margin-bottom:285px;}.marginbot290{margin-bottom:290px;}.marginbot295{margin-bottom:295px;}.marginbot300{margin-bottom:300px;} .marginlef5{margin-left:5px;}.marginlef10{margin-left:10px;}.marginlef15{margin-left:15px;}.marginlef20{margin-left:20px;}.marginlef25{margin-left:25px;}.marginlef30{margin-left:30px;}.marginlef35{margin-left:35px;}.marginlef40{margin-left:40px;}.marginlef45{margin-left:45px;}.marginlef50{margin-left:50px;}.marginlef55{margin-left:55px;}.marginlef60{margin-left:60px;}.marginlef65{margin-left:65px;}.marginlef70{margin-left:70px;}.marginlef75{margin-left:75px;}.marginlef80{margin-left:80px;}.marginlef85{margin-left:85px;}.marginlef90{margin-left:90px;}.marginlef95{margin-left:95px;}.marginlef100{margin-left:100px;}.marginlef105{margin-left:105px;}.marginlef110{margin-left:110px;}.marginlef115{margin-left:115px;}.marginlef120{margin-left:120px;}.marginlef125{margin-left:125px;}.marginlef130{margin-left:130px;}.marginlef135{margin-left:135px;}.marginlef140{margin-left:140px;}.marginlef145{margin-left:145px;}.marginlef150{margin-left:150px;}.marginlef155{margin-left:155px;}.marginlef160{margin-left:160px;}.marginlef165{margin-left:165px;}.marginlef170{margin-left:170px;}.marginlef175{margin-left:175px;}.marginlef180{margin-left:180px;}.marginlef185{margin-left:185px;}.marginlef190{margin-left:190px;}.marginlef195{margin-left:195px;}.marginlef200{margin-left:200px;}.marginlef205{margin-left:205px;}.marginlef210{margin-left:210px;}.marginlef215{margin-left:215px;}.marginlef220{margin-left:220px;}.marginlef225{margin-left:225px;}.marginlef230{margin-left:230px;}.marginlef235{margin-left:235px;}.marginlef240{margin-left:240px;}.marginlef245{margin-left:245px;}.marginlef250{margin-left:250px;}.marginlef255{margin-left:255px;}.marginlef260{margin-left:260px;}.marginlef265{margin-left:265px;}.marginlef270{margin-left:270px;}.marginlef275{margin-left:275px;}.marginlef280{margin-left:280px;}.marginlef285{margin-left:285px;}.marginlef290{margin-left:290px;}.marginlef295{margin-left:295px;}.marginlef300{margin-left:300px;} .paddingtop5{padding-top:5px;}.paddingtop10{padding-top:10px;}.paddingtop15{padding-top:15px;}.paddingtop20{padding-top:20px;}.paddingtop25{padding-top:25px;}.paddingtop30{padding-top:30px;}.paddingtop35{padding-top:35px;}.paddingtop40{padding-top:40px;}.paddingtop45{padding-top:45px;}.paddingtop50{padding-top:50px;}.paddingtop55{padding-top:55px;}.paddingtop60{padding-top:60px;}.paddingtop65{padding-top:65px;}.paddingtop70{padding-top:70px;}.paddingtop75{padding-top:75px;}.paddingtop80{padding-top:80px;}.paddingtop85{padding-top:85px;}.paddingtop90{padding-top:90px;}.paddingtop95{padding-top:95px;}.paddingtop100{padding-top:100px;}.paddingtop105{padding-top:105px;}.paddingtop110{padding-top:110px;}.paddingtop115{padding-top:115px;}.paddingtop120{padding-top:120px;}.paddingtop125{padding-top:125px;}.paddingtop130{padding-top:130px;}.paddingtop135{padding-top:135px;}.paddingtop140{padding-top:140px;}.paddingtop145{padding-top:145px;}.paddingtop150{padding-top:150px;}.paddingtop155{padding-top:155px;}.paddingtop160{padding-top:160px;}.paddingtop165{padding-top:165px;}.paddingtop170{padding-top:170px;}.paddingtop175{padding-top:175px;}.paddingtop180{padding-top:180px;}.paddingtop185{padding-top:185px;}.paddingtop190{padding-top:190px;}.paddingtop195{padding-top:195px;}.paddingtop200{padding-top:200px;}.paddingtop205{padding-top:205px;}.paddingtop210{padding-top:210px;}.paddingtop215{padding-top:215px;}.paddingtop220{padding-top:220px;}.paddingtop225{padding-top:225px;}.paddingtop230{padding-top:230px;}.paddingtop235{padding-top:235px;}.paddingtop240{padding-top:240px;}.paddingtop245{padding-top:245px;}.paddingtop250{padding-top:250px;}.paddingtop255{padding-top:255px;}.paddingtop260{padding-top:260px;}.paddingtop265{padding-top:265px;}.paddingtop270{padding-top:270px;}.paddingtop275{padding-top:275px;}.paddingtop280{padding-top:280px;}.paddingtop285{padding-top:285px;}.paddingtop290{padding-top:290px;}.paddingtop295{padding-top:295px;}.paddingtop300{padding-top:300px;} .paddingrig5{padding-right:5px;}.paddingrig10{padding-right:10px;}.paddingrig15{padding-right:15px;}.paddingrig20{padding-right:20px;}.paddingrig25{padding-right:25px;}.paddingrig30{padding-right:30px;}.paddingrig35{padding-right:35px;}.paddingrig40{padding-right:40px;}.paddingrig45{padding-right:45px;}.paddingrig50{padding-right:50px;}.paddingrig55{padding-right:55px;}.paddingrig60{padding-right:60px;}.paddingrig65{padding-right:65px;}.paddingrig70{padding-right:70px;}.paddingrig75{padding-right:75px;}.paddingrig80{padding-right:80px;}.paddingrig85{padding-right:85px;}.paddingrig90{padding-right:90px;}.paddingrig95{padding-right:95px;}.paddingrig100{padding-right:100px;}.paddingrig105{padding-right:105px;}.paddingrig110{padding-right:110px;}.paddingrig115{padding-right:115px;}.paddingrig120{padding-right:120px;}.paddingrig125{padding-right:125px;}.paddingrig130{padding-right:130px;}.paddingrig135{padding-right:135px;}.paddingrig140{padding-right:140px;}.paddingrig145{padding-right:145px;}.paddingrig150{padding-right:150px;}.paddingrig155{padding-right:155px;}.paddingrig160{padding-right:160px;}.paddingrig165{padding-right:165px;}.paddingrig170{padding-right:170px;}.paddingrig175{padding-right:175px;}.paddingrig180{padding-right:180px;}.paddingrig185{padding-right:185px;}.paddingrig190{padding-right:190px;}.paddingrig195{padding-right:195px;}.paddingrig200{padding-right:200px;}.paddingrig205{padding-right:205px;}.paddingrig210{padding-right:210px;}.paddingrig215{padding-right:215px;}.paddingrig220{padding-right:220px;}.paddingrig225{padding-right:225px;}.paddingrig230{padding-right:230px;}.paddingrig235{padding-right:235px;}.paddingrig240{padding-right:240px;}.paddingrig245{padding-right:245px;}.paddingrig250{padding-right:250px;}.paddingrig255{padding-right:255px;}.paddingrig260{padding-right:260px;}.paddingrig265{padding-right:265px;}.paddingrig270{padding-right:270px;}.paddingrig275{padding-right:275px;}.paddingrig280{padding-right:280px;}.paddingrig285{padding-right:285px;}.paddingrig290{padding-right:290px;}.paddingrig295{padding-right:295px;}.paddingrig300{padding-right:300px;} .paddingbot5{padding-bottom:5px;}.paddingbot10{padding-bottom:10px;}.paddingbot15{padding-bottom:15px;}.paddingbot20{padding-bottom:20px;}.paddingbot25{padding-bottom:25px;}.paddingbot30{padding-bottom:30px;}.paddingbot35{padding-bottom:35px;}.paddingbot40{padding-bottom:40px;}.paddingbot45{padding-bottom:45px;}.paddingbot50{padding-bottom:50px;}.paddingbot55{padding-bottom:55px;}.paddingbot60{padding-bottom:60px;}.paddingbot65{padding-bottom:65px;}.paddingbot70{padding-bottom:70px;}.paddingbot75{padding-bottom:75px;}.paddingbot80{padding-bottom:80px;}.paddingbot85{padding-bottom:85px;}.paddingbot90{padding-bottom:90px;}.paddingbot95{padding-bottom:95px;}.paddingbot100{padding-bottom:100px;}.paddingbot105{padding-bottom:105px;}.paddingbot110{padding-bottom:110px;}.paddingbot115{padding-bottom:115px;}.paddingbot120{padding-bottom:120px;}.paddingbot125{padding-bottom:125px;}.paddingbot130{padding-bottom:130px;}.paddingbot135{padding-bottom:135px;}.paddingbot140{padding-bottom:140px;}.paddingbot145{padding-bottom:145px;}.paddingbot150{padding-bottom:150px;}.paddingbot155{padding-bottom:155px;}.paddingbot160{padding-bottom:160px;}.paddingbot165{padding-bottom:165px;}.paddingbot170{padding-bottom:170px;}.paddingbot175{padding-bottom:175px;}.paddingbot180{padding-bottom:180px;}.paddingbot185{padding-bottom:185px;}.paddingbot190{padding-bottom:190px;}.paddingbot195{padding-bottom:195px;}.paddingbot200{padding-bottom:200px;}.paddingbot205{padding-bottom:205px;}.paddingbot210{padding-bottom:210px;}.paddingbot215{padding-bottom:215px;}.paddingbot220{padding-bottom:220px;}.paddingbot225{padding-bottom:225px;}.paddingbot230{padding-bottom:230px;}.paddingbot235{padding-bottom:235px;}.paddingbot240{padding-bottom:240px;}.paddingbot245{padding-bottom:245px;}.paddingbot250{padding-bottom:250px;}.paddingbot255{padding-bottom:255px;}.paddingbot260{padding-bottom:260px;}.paddingbot265{padding-bottom:265px;}.paddingbot270{padding-bottom:270px;}.paddingbot275{padding-bottom:275px;}.paddingbot280{padding-bottom:280px;}.paddingbot285{padding-bottom:285px;}.paddingbot290{padding-bottom:290px;}.paddingbot295{padding-bottom:295px;}.paddingbot300{padding-bottom:300px;} .paddinglef5{padding-left:5px;}.paddinglef10{padding-left:10px;}.paddinglef15{padding-left:15px;}.paddinglef20{padding-left:20px;}.paddinglef25{padding-left:25px;}.paddinglef30{padding-left:30px;}.paddinglef35{padding-left:35px;}.paddinglef40{padding-left:40px;}.paddinglef45{padding-left:45px;}.paddinglef50{padding-left:50px;}.paddinglef55{padding-left:55px;}.paddinglef60{padding-left:60px;}.paddinglef65{padding-left:65px;}.paddinglef70{padding-left:70px;}.paddinglef75{padding-left:75px;}.paddinglef80{padding-left:80px;}.paddinglef85{padding-left:85px;}.paddinglef90{padding-left:90px;}.paddinglef95{padding-left:95px;}.paddinglef100{padding-left:100px;}.paddinglef105{padding-left:105px;}.paddinglef110{padding-left:110px;}.paddinglef115{padding-left:115px;}.paddinglef120{padding-left:120px;}.paddinglef125{padding-left:125px;}.paddinglef130{padding-left:130px;}.paddinglef135{padding-left:135px;}.paddinglef140{padding-left:140px;}.paddinglef145{padding-left:145px;}.paddinglef150{padding-left:150px;}.paddinglef155{padding-left:155px;}.paddinglef160{padding-left:160px;}.paddinglef165{padding-left:165px;}.paddinglef170{padding-left:170px;}.paddinglef175{padding-left:175px;}.paddinglef180{padding-left:180px;}.paddinglef185{padding-left:185px;}.paddinglef190{padding-left:190px;}.paddinglef195{padding-left:195px;}.paddinglef200{padding-left:200px;}.paddinglef205{padding-left:205px;}.paddinglef210{padding-left:210px;}.paddinglef215{padding-left:215px;}.paddinglef220{padding-left:220px;}.paddinglef225{padding-left:225px;}.paddinglef230{padding-left:230px;}.paddinglef235{padding-left:235px;}.paddinglef240{padding-left:240px;}.paddinglef245{padding-left:245px;}.paddinglef250{padding-left:250px;}.paddinglef255{padding-left:255px;}.paddinglef260{padding-left:260px;}.paddinglef265{padding-left:265px;}.paddinglef270{padding-left:270px;}.paddinglef275{padding-left:275px;}.paddinglef280{padding-left:280px;}.paddinglef285{padding-left:285px;}.paddinglef290{padding-left:290px;}.paddinglef295{padding-left:295px;}.paddinglef300{padding-left:300px;} .bgwhite{background:#FFFFFF;} .bglightgrey{background:#F2F2F2;} .bgmediumgrey{background:#E1E1E1} .bgdarkgrey{background:#969696;} .bgblack{background:#000000;} /*.bgsite01{background:#114288;}*/ .bgsitemitad{background:url(../images/bg12.png) top center repeat-y;} .bluesite01{color:#003567;} .bluesite02{color:#2484B5;} .graysite01{color:#A4A4A4;} .graysite02{color:#C1C1C1;} .bgsite01{background:#003567;} .bgsite02{background:#2484B5;} /*.bgredstyle01{background:url(/images/bg4.png) repeat; background-color:#E61212;} .bgredstyle02{background:url(/images/bg5.png) repeat; background-color:#E61212;} .bgredstyle03{background:url(/images/bg6.png) center bottom repeat-x; background-color:#E61212;}*/ .center{text-align:center;} .center p{text-align:center;} p.center{text-align:center;}/*.center ul{text-align:center;}*/ .left{text-align:left;} .left p{text-align:left;} p.left{text-align:left;}/*.left ul{text-align:left;}*/ .right{text-align:right;} .right p{text-align:right;} p.right{text-align:right;}/*.right ul{text-align:right;}*/ .justify{text-align:justify;} .justify p{text-align:justify;} p.justify{text-align:justify;}/*.justify ul{text-align:justify;}*/ .vertTop{vertical-align: top;} .vertBot{vertical-align: bottom;} .vertMid{vertical-align: middle;} .bold{font-weight:700;} .white{color:#FFFFFF;} .red{color:#E0040B;} /* table { font-size: 1em; } .ui-draggable, .ui-droppable { background-position: top; } #accordion{width:100%;}*/ /* .left50parx, .right50parx{display:inline-block; vertical-align:bottom; height:auto; text-align:justify;} .left50parx{width:49.77777778%; padding:0 25px 0 0; margin:0 0 0 0;} .right50parx{width:49.33333338%; padding:0 0 60px 25px; margin:0 0 0 0;} #listparallax { counter-reset: li; list-style: none; *list-style: decimal; padding: 0; } #listparallax li{ position: relative; display: block; padding: .2em 0 .4em 1.5em; *padding: .4em; margin: .5em 0; text-decoration: none; transition: all .3s ease-out; } #listparallax li:hover{ } #listparallax li:hover:before{ transform: rotate(360deg); } #listparallax li:before{ content: counter(li); counter-increment: li; position: absolute; left: -1.3em; top: 50%; margin-top: -1.3em; background: #E0040B; height: 2em; width: 2em; line-height: 1.6em; border: .2em solid #fff; text-align: center; font-weight: bold; border-radius: 2em; transition: all .3s ease-out; } */ /*gallery 01*/ /* .gallerysite01{background:#000000;} .effect-bubba { position: relative; float: left; overflow: hidden; text-align: center; cursor: pointer; width:100%; } .effect-bubba img { position: relative; display: block; } .figcaption{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .effect-bubba { background:rgba(0, 0, 0, 0.80); } .effect-bubba:hover img { opacity: 0.3; } .effect-bubba .figcaption::before, .effect-bubba .figcaption::after { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s,-webkit-transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -ms-transition: opacity 0.35s, -ms-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .effect-bubba .figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -o-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); } .effect-bubba .figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -o-transform: scale(1,0); -ms-transform: scale(1,0); transform: scale(1,0); } .effect-bubba i { padding-top: 28%; -webkit-transition: transform 0.35s; -moz-transition: transform 0.35s; -o-transition: -o-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); -moz-transform: translate3d(0,-20px,0); -o-transform: translate3d(0,-20px,0); -ms-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity:0; color:#fff; font-size: 30px; } .effect-bubba:hover .figcaption::before, .effect-bubba:hover .figcaption::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effect-bubba:hover i { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } */ /*end gallery 01*/ /*banner efecto escalable*/ /* .cg-strip{background-color:#000000!important;height:320px;} .cg-strip-wrap{display:block; position: relative; overflow:hidden;} .cg-strip-bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0.75;} .cg-strip .cg-pos{position: absolute; white-space: normal;left: 5%; right: 5%; bottom: 5%; top:5%; z-index: 2; width:90%; height:90%;} .cg-strip .cg-pos2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .cg-strip .cg-pos2::before, .cg-strip .cg-pos2::after { position: absolute;top: 15px;right: 15px;bottom: 15px;left: 15px;content: '';opacity: 0;-webkit-transition: opacity 0.35s,-webkit-transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s;-o-transition: opacity 0.35s, -o-transform 0.35s;-ms-transition: opacity 0.35s, -ms-transform 0.35s;transition: opacity 0.35s, transform 0.35s;} .cg-strip .cg-pos2::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);-moz-transform: scale(0,1); -o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);} .cg-strip .cg-pos2::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);-moz-transform: scale(1,0);-o-transform: scale(1,0);-ms-transform: scale(1,0);transform: scale(1,0);} .cg-strip:hover .cg-pos2::before, .cg-strip:hover .cg-pos2::after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .cg-strip .cg-pos .cg-strip-content{width:90%; height:auto; color:#FFFFFF; margin:0 auto;} .cg-strip .cg-pos .cg-strip-content h3{padding:20% 0 0 0; color:#FFFFFF; font-size:22px; font-weight:800; text-shadow: 3px 1px 2px #000; text-transform:uppercase;} .cg-strip .cg-pos .cg-strip-content p{ text-align:center; font-size:15px; text-transform:uppercase; font-weight:400;} .cg-strip-content a{display:inline-block; color:#FFFFFF; padding:8px 15px; margin:10px 0 0 0; text-transform:uppercase; border:2px solid #FFFFFF; background:none;font-weight:700;}.cg-strip .cg-pos .cg-strip-content a:hover{color:#FFFFFF;border:2px solid #E0040B; background:#E0040B;} .cg-strip .valign-top { top: 12% !important; margin: 0 auto !important; bottom: auto !important; } .cg-strip .valign-bottom {bottom: 35px !important; margin: 0 auto !important; top: auto !important; } .cg-strip .valign-center {bottom: 50% !important; top: auto !important; text-align: center; } .cg-strip .halign-left{left: 35px !important; right: auto; text-align: left; } .cg-strip .halign-right {left: auto; right: 5%; text-align: right; } .cg-strip .cg-strip-bg{-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background-size: cover !important; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .cg-strip .cg-strip-bg{opacity: 0.8; } .cg-strip:hover .cg-strip-bg{opacity: 0.3; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}*/ /*banner efecto escalable*/ /*infadi*/ /*.contenedorpnav{width:100%; height:auto; display:block; text-align:center; position:relative; padding:15px 0 0 0; margin:0 0 0 0;} .boxpnav{width:100%; height:auto; text-align:justify; padding:0 0 0 0; margin:0 0 0 0;} .titlespnav{width:100%; height:auto; padding: 0 0 0 0; margin:0 0 0 0;} .contentspnav{width:100%; height:auto; padding: 10px 0 0 0; margin:0 0 0 0; border-top:1px solid #E61212;} .itemtitlepnav{display:inline-block; vertical-align:top; width:auto; height:auto; padding:15px 15px; cursor:pointer; margin:0 0 0 2px; background:#F2F2F2; color:#777777; text-transform: uppercase; font-weight: 700; border-bottom:1px solid #F2F2F2;} .firtsitemtitlepnav{margin:0 0 0 0;} .itemtitlepnavocu{font-size:18px; color:#E61212; text-transform: uppercase; font-weight: 800; padding:0 0 5px 0; margin:0 0 0 0; display:none;} .Selectitemtitlepnav{background: #E61212; border-bottom:1px solid #E61212; color:#ffffff;} .itemcontentpnav{width:100%; height:auto; padding:0 0 15px 0; margin:0 0 0 0; display:none;} .Selectitemcontentpnav{display:block;} .Ocultitemcontentpnav{display:none;}*/ /*infadi*/ /*formulario solicitar informacion del servicio*/ /*.contentformmasinfo{width:100%; height:auto; display:block; margin:0; padding:0; background:#43494E;} .topformmasinfo{width:100%; height:auto; display:block; margin:0; padding:15px 0; background:#373C40; text-align:center;}.topformmasinfo i{color:#FFFFFF; font-size:70px;} .detailformmasinfocontent{width:100%; height:auto; display:block; margin:0 0 0 0; padding:0 0 0 0;} .titleformmasinfo{width:100%; height:auto; display:block; margin:0; padding:10px 20px; text-align:center; font-size:22px; font-weight:600; color:#ffffff; text-transform:uppercase;} .detailformmasinfo{width:100%; height:auto; display:block; margin:0; padding:0 20px; text-align:center; color:#FFFFFF;} .formmasinfo{width:100%; height:auto; display:block; margin:0; padding:15px 20px;} .formmasinfo ul{list-style:none; margin:0 0 0 0; padding:0 0 0 0;} .formmasinfo ul li{list-style:none; margin:0 0 10px 0; padding:0 0 0 0; display:block; width:100%;} .exitoforminfo{width:100%; height:auto; font-weight:600; font-size:18px; color:#5ABD24; text-align:center;} .errorforminfo{width:100%; height:auto; font-weight:600; font-size:18px; color:#ED1B2B; text-align:center;} .imageforminfo{width:100%; height:auto; text-align:center; padding:20px 0 0 0;}*/ /*end formulario solicitar informacion del servicio*/ /*efecto galeria*/ .scene3D { position:relative; /*display: block;*/ display:inline-block; width:100%; height:auto; text-align:center; /*float: left; margin: 10px;*/ /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*perspective*/ -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; } .flip div { position: absolute; /*width: 200px; height: 200px;*/ width:100%; height:100%; padding:15px; text-align:center; /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*backface-visibility*/ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flip div:first-child { /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #2484B5; /*transform*/ -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .flip div:first-child p { color: #FFF; text-shadow: 0 0 1px .111; padding-top: 20%; text-align: center; font-size:18px; font-weight:600; /*text-transform:uppercase;*/ } .flip div:first-child i { font-size:30px; color: #FFF; } .flip { display:inline-block; width: 250px; height: 250px; text-align:center; /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*box-shadow*/ -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3); /*transform*/ -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); /*transition*/ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; /*transform-style*/ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .scene3D:hover .flip { /*transform*/ -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } /*fin efecto galeria*/