@font-face{font-family: bank;src: url('/tipografia/bankgthl.ttf');}
@font-face{font-family: contarell;src: url('/tipografia/Cantarell-Regular.ttf');}

#fixed { position: fixed; top: 60px;}
#fixedmenu { position: fixed; top: 0px;}

body{background:#DBDBDB url(/dot2.jpg) no-repeat top center;}
.container{width:820px;margin:0 auto;}

.scroll { position:relative; float:left; top:30px; left:20px; width:180px;}
.scrolls { background: url(/imagenes/shad3.png) no-repeat; height:750px; width:180px;}

.phrase p {color:#FFF; text-align:center; font-size:24px; font-style:italic;text-shadow: 2px 2px 2px #222;}
div.news { width:300px; text-align:center; }
div.news h1 { border-bottom-color:#CCC; border-bottom-width:1px; border-bottom-style:solid; color:#333; font-family:contarell;}

.content{	background:#FFFFFF no-repeat;color: #000000;	padding: 20px; -webkit-border-bottom-right-radius: 45px; -webkit-border-top-left-radius: 45px;-moz-border-bottom-right-radius: 45px; -moz-border-top-left-radius: 45px;border-bottom-right-radius: 45px; border-top-left-radius: 45px; position:relative;  left:0px; top:0px; width:730px; text-decoration: none; -webkit-box-shadow: 1px 1px 10px #888; -moz-box-shadow: 1px 1px 10px #888; box-shadow:1px 1px 10px #888;}

td{font-family:cantarell;}
p{font-family:cantarell;text-align:justify;}
h4,h3,h2,h1{font-family:bank;color:#003F87;}
h2.indexInfo{color:#B22222;}
h1.header{color:#FFF;font-size:54px;text-shadow: 2px 2px 2px #222;}
p em{color:#B11111;}

li{font-family:bank;margin: 5px 0 0 0;}

.navbox {	position: relative;float:right; left:50px;}
ul.nav {list-style: none;	display: block;	width: 200px;	position: relative;	padding: 60px 0px 60px 0;	background: url(/imagenes/shad2.png) no-repeat;	-webkit-background-size: 50% 100%;	-moz-background-size: 50% 100%; background-size: 50% 100%;}
ul.nav li a {	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;background:#003F87 url(/imagenes/border.png) no-repeat;	color: #EFEFEF;	padding: 7px 30px 7px 15px;	width: 120px;	display: block;	text-decoration: none;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-webkit-box-shadow: 2px 2px 4px #888;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;-moz-box-shadow: 2px 2px 4px #888;border-top-right-radius: 10px;border-bottom-right-radius: 10px;box-shadow:2px 2px 4px #888;}
ul.nav li a:hover {	background: #B22222 url(/imagenes/border.png) no-repeat;	color: #F0EAD6;padding: 7px 30px 7px 40px;}
ul.nav li.activo a{background:#FFF url(/imagenes/border.png) no-repeat;	color: #003F87;	padding: 7px 30px 7px 15px;	width: 120px;	display: block;	text-decoration: none;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-webkit-box-shadow: 2px 2px 4px #888;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;-moz-box-shadow: 2px 2px 4px #888;border-top-right-radius: 10px;border-bottom-right-radius: 10px;box-shadow:2px 2px 4px #888;}

ul.button li{display:inline-block; position:relative;top:-20px;left:-30px;font-size:40px;}
ul.button li a{display:inline-block;text-decoration:none;color:#B22222;padding: 20px 30px 20px 30px;-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear}
ul.button li.design{text-align:center}
ul.button li.new a{border-left:1px solid #ddd}
ul.button li a:hover{background-color:#2599CF; color:#FFF}
ul.button li a:active{-webkit-box-shadow:0 0 8px #003f87 inset;-moz-box-shadow:0px 0px 8px #003f87 inset;box-shadow:0px 0px 8px #003f87 inset}

ul.empresa_nav li{display:inline-block;font-size:28px;}
ul.empresa_nav li a{display:inline-block;text-decoration:none;padding: 5px 20px 5px 20px;color:#003F87}
ul.empresa_nav li.center a{border-right:1px solid #ddd;}
ul.empresa_nav li a:hover {color:#B22222;}

.accordion2 h4 a{	display: block;font-weight: normal;padding: 1em 0;text-decoration:none;}
.accordion2 h4 a:hover {text-decoration: none;}
.accordion2 .section {	background: #fff;} 
.accordion2 h4 + div {	height: 0;	overflow: hidden;	-webkit-transition: height 0.3s ease-in;	-moz-transition: height 0.3s ease-in;	-o-transition: height 0.3s ease-in;	-ms-transition: height 0.3s ease-in;	transition: height 0.3s ease-in;}
.accordion2 :target h4 + div {	height: auto;}
.accordion2 .section.large:target h4 + div {overflow: auto;}
.section h3{color:#B22222; font-size:32px;}
.section p {font-size:18px;}


.accordion .section {	background: #fff;} 
.accordion h3 + div {	height: 0;	overflow: hidden;	-webkit-transition: height 0.3s ease-in;	-moz-transition: height 0.3s ease-in;	-o-transition: height 0.3s ease-in;	-ms-transition: height 0.3s ease-in;	transition: height 0.3s ease-in;}
.accordion :target h3 + div {	height: auto;}
.accordion .section.large:target h3 + div {overflow: auto;}

.footer{position:relative;font-family: 'Cantarell', arial, serif;font-size: 14px; background:#FFF; width:720px; top:80px; padding:25px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px;  -webkit-box-shadow: 1px 1px 10px #888; -moz-box-shadow: 1px 1px 10px #888; box-shadow:1px 1px 10px #888; }
.footer a{text-decoration:none;color:#000;}
.footer a:hover{opacity:0.6;}


.contacto h3 { padding-left: 10px; color: #B22222; font-size:24px;}
.contacro h1 { padding-left: 40px;}
.contacto p {font-size:18px;}
.contacto a { text-decoration:none; color:#000}
.contacto a:hover { opacity:0.6;}
.contacto a:active { text-decoration:none;}

.manuales h3 { padding-left: 10px; color: #B22222; font-size:24px;}
.manuales ul { list-style-type:none; font-size:18px; }
.manuales li {font-family:cantarell; display:inline-block; }
.manuales li a {text-decoration:none; color:#000;}
.manuales a:hover { opacity:0.6;}
.manuales a:active { text-decoration:none;}


.divisiones h3 { padding-left: 10px; color: #B22222; font-size:24px;}
.divisiones h1 { padding-left: 40px;}
.divisiones p {font-size:18px;}
.divisiones a { text-decoration:none; color:#003F87}
.divisiones a:hover { opacity:0.6;}
.divisiones a:active { text-decoration:none;}
.divisiones a.detail { font-size:14px; text-decoration:none; color:#003F87}
.divisiones a:hover .detail { opacity:0.6;}
.divisiones a:active .detail { text-decoration:none;}

.ventas h3 { padding-left: 10px; color: #B22222; font-size:24px;}
.ventas p { padding-left:100px; color:#B22222; font-size:18px;}
.ventas #mqs{color:#003F87;}
.ventas em { font-size:18px; color:#333; font-family:cantarell;}

button.submit {background-color: #68b12f;background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));background: -webkit-linear-gradient(top, #68b12f, #50911e);background: -moz-linear-gradient(top, #68b12f, #50911e);background: -ms-linear-gradient(top, #68b12f, #50911e);background: -o-linear-gradient(top, #68b12f, #50911e);background: linear-gradient(top, #68b12f, #50911e);border: 1px solid #509111;border-bottom: 1px solid #5b992b;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;box-shadow: inset 0 1px 0 0 #9fd574;-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;-moz-box-shadow: 0 1px 0 0 #9fd574 inset;-ms-box-shadow: 0 1px 0 0 #9fd574 inset;-o-box-shadow: 0 1px 0 0 #9fd574 inset;color: white;font-weight: bold;padding: 6px 20px;text-align: center;text-shadow: 0 -1px 0 #396715;}
button.submit:hover {opacity:.85;cursor: pointer;}
button.submit:active {border: 1px solid #20911e;box-shadow: 0 0 10px 5px #356b0b inset;-webkit-box-shadow:0 0 10px 5px #356b0b inset ;-moz-box-shadow: 0 0 10px 5px #356b0b inset;-ms-box-shadow: 0 0 10px 5px #356b0b inset;-o-box-shadow: 0 0 10px 5px #356b0b inset;}

.mapa ul.menu { list-style-type:none;}
.mapa ul.menu a {text-decoration:none; color:#B22222; font-size:18px;}
.mapa ul.menu a:hover { opacity:0.6;}
.mapa ul.menu a:active { text-decoration:none;}
.mapa ul.submenu { list-style-type:circle;}
.mapa ul.submenu a {text-decoration:none; color:#003F87; font-size:14px;}
.mapa ul.submenu a:hover { opacity:0.6;}
.mapa ul.submenu a:active { text-decoration:none;}

.eventos h3 { padding-left:100px;}
.eventos a:hover { opacity:0.6;}

.next p { color:#B22222;}
.next a { text-decoration: none; color:#003F87;}
.next a:hover { opacity:0.6;}

.empty { width: 223px; height: 223px; margin: 10px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff;}

.view { width: 223px; height: 223px; margin: 10px; float: left; overflow: hidden; position: relative; text-align: center; box-shadow: 1px 0px 5px #d5d5d5; cursor: default; background: #fff;}
.view .mask, .view .contents { width: 223px; height: 223px; position: absolute; overflow: hidden; top: 0; left: 0}
.view img { display: block; position: relative; padding: 5px;}
.view p { position: relative; padding: 10px 20px 20px; text-align: center}

.view-red img { transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.view-red .mask {  background-color: #B22222; transform: translateX(-223px); -moz-transform: translateX(-223px); -webkit-transform: translateX(-223px); -o-transform: translateX(-223px); opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.view-red p{ opacity: 0; color: #FFF; font-size:21px; font-family:bank; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear;}

.view-red:hover .mask { opacity:1; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px);}   
.view-red:hover img { transform: translateX(223px); -moz-transform: translateX(223px); -webkit-transform: translateX(223px); -o-transform: translateX(223px); transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s;}
.view-red:hover p{ opacity: 0.9;}

.view-blue img { transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.view-blue .mask {  background-color: #003F87; transform: translateX(223px); -moz-transform: translateX(223px); -webkit-transform: translateX(223px); -o-transform: translateX(223px); opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.view-blue p{ opacity: 0; color: #FFF; font-size:21px; font-family:bank; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear;}

.view-blue:hover .mask { opacity:1; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px);}   
.view-blue:hover img { transform: translateX(-223px); -moz-transform: translateX(-223px); -webkit-transform: translateX(-223px); -o-transform: translateX(-223px); transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s;}
.view-blue:hover p{ opacity: 0.9;}


.grid {text-align:left; padding:0;}
/*.gradient-down { background:url(/imagenes/divider_down.jpg) no-repeat center top; }
.gradient-up { background:url(/imagenes/divider_up.jpg) no-repeat center bottom; }*/

.videos { text-align:left; padding-top:20px; padding-bottom:40px; background-color:#fefefe; -webkit-box-shadow:inset 0px 0px 10px 2px #ddd; -moz-box-shadow:inset 0px 0px 10px 2px #ddd; box-shadow:inset 0px 0px 10px 2px #ddd; margin-left:-20px; width:730px;}
.videos li { background-color:#fff; width:185px; height:135px; display:inline-block; -moz-display:inline-stack; -webkit-display:inline-stack; padding-left:15px; padding-right:15px; -webkit-box-shadow: 0px 0px 2px 0px #ddd; -moz-box-shadow: 0px 0px 2px 0px #ddd; box-shadow: 0px 0px 2px 0px #ddd; position:relative;transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear;}
.videos li:hover { -webkit-box-shadow: 0px 0px 2px 1px #bbb; -moz-box-shadow: 0px 0px 2px 1px #bbb; box-shadow: 0px 0px 2px 1px #bbb; }
.videos li .play { width:185px; height:135px; position:absolute; top:0; background-image:url(/imagenes/playbutton.png); opacity:0.85;}
.videos li .title { width: 185px; height: 128px; position:absolute; top:15px;}
.title a{text-decoration:none;}
.title p{ text-align: center; opacity: 0; color:#fff; text-shadow:1px 1px #333; font-size:18px; font-family:cantarell; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.videos li .imag { width:215px; height:135px; position:absolute; top:0; left:0; background-color:#000; opacity:0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.videos li:hover .imag {opacity:0.0;}
li:hover .blur { -webkit-filter:blur(2px); -moz-filter:blur(2px); filter:blur(2px);}
li:hover p{ opacity: 0.9;}
li:hover .play {background-image:url(/imagenes/playbutton_over.png); opacity:0.9;}
ul.videos li span { position:absolute; top:140px; color:#666; font-family:cantarell; width:185px; text-align:center;}
ul.videos li:hover span { color:#169ae5;}

.slider {width:700px; height:400px;}
.gallery {width:600px; height:350px; padding:20px; margin-left:0px;}
.gallery img{ padding-top:20px; margin-left:40px; position:absolute;}
.gallery a, .gallery a:hover, .gallery a:after {text-decoration:none;}
.gallery .slide-right{ position: absolute; top: 30px; margin-left: 150px; width:475px;}
.gallery .slide-right .title{ color: #003F87; font-size: 24px; font-family:cantarell; padding-top: 20px; padding-left: 80px; margin-top: 45px; margin-bottom: 30px;}
.gallery .slide-right .title em{color: #B22222;}
.gallery .slide-right .info{ color: #666;  margin-bottom: 20px; margin-left: 125px;}
.gallery .slide-right .right { text-align:right;}
.gallery .container {display:none;}
.gallery .active { display:block;}
.gallery .animated { opacity:1;}
.gallery a.more { right:0; font-family:cantarell; font-size:18px; color:#169ae5; position:absolute;}
.gallery a.more:hover { color:#000; opacity:0.9;}

#prev, #next { position:absolute; background-repeat:no-repeat; background-position:center; text-indent:-9999px; overflow:hidden; width:60px; height:350px; top:20px; opacity:0.3;}
#prev:hover, #next:hover{ opacity:0.9;}
#prev { background-image:url(/imagenes/paddle_prev.png); left:10px;}
#next { background-image:url(/imagenes/paddle_next.png); right:10px;}
a#prev.disable, a#next.disable { display:none;}