@charset "utf-8";
/* CSS Document */

body{ margin: 0 0 40px; background: #0e52a4 url(img/back.png) repeat-x 0 bottom; background-attachment: fixed; font-family: Arial; font-size: 14px; text-align: center;	}
img{vertical-align: top;}
a img{border: 0;}
#bg{ background: url(img/sea.png) no-repeat 0 bottom; width: 545px; height: 300px; position: fixed; right: 0; bottom: 0; z-index:0;}
#wrapper{width: 100%;background: url(img/wrapper.png) repeat-x 0 top;}
#body{ width: 950px; padding: 8px; margin: 0px auto 0px auto; position: relative; z-index:1; background: #FFF; box-shadow: 3px 3px 20px rgba(0,0,0,0.2),-3px -3px 20px rgba(0,0,0,0.2);}
#top{ width: 966px; height: 120px; margin: 0 auto; background: #fff url(img/top.png) no-repeat; position: relative; z-index: 100;}
#top .logo{ display: block; width: 200px; height: 120px; float: left;}
#menu{overflow: hidden;width: 966px;margin: 0 auto;position: relative;z-index: 100;overflow: hidden;}
#menu ul{margin: 0; padding: 0; list-style: none;}
#menu li{float: left;border-right: 1px solid #2F4188; padding: 0 0px;}
#menu li.first{padding-left: 0;}
#menu li a{display: block;height: 40px;float: left; text-decoration: none; color: #FFF;text-transform: uppercase;font-size: 11px;position: relative;}
#menu li a span{display: block;height: 20px;padding: 14px 25px 6px;position: relative; top: 0px; left: 0;}
#menu li a span.hover{position: absolute; top: -40px; left: 0; background: #0E6FB6 url(img/hover.png);opacity:0;}
#menu li.active a{background: #0E6FB6 url(img/hover.png);color: #C2E1F8;}
#menu li a:hover span{color: #C2E1F8;}
#menu #date{color: #A6BDD9; float: right; display: block; padding: 14px 0 0;}
#head{ width: 950px; height: 400px; background: #fff url(img/head.jpg) no-repeat; overflow: hidden; position: relative;}
#panel{ width: 950px; padding: 0; margin: 0;background: url(img/shadow.png) no-repeat center top; overflow: hidden;}
#pright{ width: 200px; padding: 30px 0px 10px 0px; margin: 0px; float: right; overflow: hidden;}
#content{ width: 682px; padding: 30px 38px 30px 30px; margin: 0px 0 0; float: left; color: #555; overflow: hidden; text-align: center;}
#bottom{ width: 926px; padding: 15px 20px 15px 20px; text-align: left; clear: both; background: #254072 url(img/hover.png); margin: 0 0 -8px -8px; color: #FFF; font-size: 11px;}
#content div{ text-align: center;}
#content h1{ padding: 10px 0 8px; margin: 10px 0 30px; text-align: left; color: #0682CC; font-weight: normal; font-family: 'Georgia'; font-style: italic; font-size: 26px; border-bottom: 1px dotted #ccc;}
#content h3{ padding: 0; margin: 10px 0 10px; text-align: left; color: #222; font-weight: normal; font-family: 'Georgia'; font-style: italic; font-size:18px;}
#content p{ margin: 0px 0px 15px; text-align: justify;}
#content table{ margin: 0px auto 0px 0px;}
#content div table{ margin: 0px auto 0px auto;}
#content table td{ text-align: left;}
#content ul{ text-align: left; margin: 0px 0px 0px 20px; padding: 0px; }
#content ol{ text-align: left; margin: 0px 0px 0px 20px; padding: 0px; }
#content li{ text-align: justify;}
#content .iright{ float: right; margin: 0px 0px 7px 7px;}
#content .ileft{ float: left; margin: 0px 7px 7px 0px;}
#content .slista{ list-style: none;}
#content .title{ width: 710px; height: 30px; margin: 0px 0px 20px 0px;}
#content a{ color: #386AB6; text-decoration: none;}
#content a:hover{ color: #555;}
#content .dleft{ text-align: left !important;}
#content .dright{ text-align: right !important;}
span.u{ text-decoration: underline;}
a{ outline: 0px;}
#fplayer{ width: 74px; height: 20px; background-image: url(img/fplayer.png); cursor: pointer; cursor: hand; margin: 10px auto 10px auto;}
.sac{ float:right;}
#bottom a{ color: #5FC7F3; text-decoration: none;}
#bottom a:hover{ text-decoration: underline;}
.input{ background-color: #fff; border: 1px solid #ddd; font-size: 14px; font-family: Arial; padding: 2px 1px 1px 1px; margin: 0px;}
.inputerror{ background-color: #E1EBFF; border: 1px solid #AECBFF;}
.submit{ background-color: #254072; border: 1px solid #254072; padding: 8px 6px; color: #FFF;}
span.error{ display: inline-block; padding: 2px 7px 2px 22px; color: #777; margin: 0px 0px 0px 1px; display: none; background: #FDF5E8 url(img/error.png) no-repeat 2px 0px; border: 1px solid #E7CA96; position: absolute; font-size: 11px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.tcontacto{ width: 570px;}
.tcontacto label{ display: block; width: 150px; text-align: right;}
.tcontacto .tdlabel{ width: 150px;}
.dlist dt{ float: left; width: 150px; color: #000; text-align: left; font-weight: bold; padding: 3px 0px; white-space: nowrap;}
.dlist dd{ padding: 3px 0px; color: #C87224;}

/***/
.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden;}
.nivoSlider img { position:absolute; top:0px; left:0px;}
.nivo-main-image { display: block !important; position: relative !important;  width: 100% !important;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0;}
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden;}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */}
.nivo-caption p { padding:5px; margin:0;}
.nivo-caption a { display:inline !important;}
.nivo-html-caption { display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer;}
.nivo-prevNav { left:0px;}
.nivo-nextNav { right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align:center; padding: 15px 0;}
.nivo-controlNav a { cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold;}
.theme-default .nivoSlider { position:relative; background:#fff url(img/loading.gif) no-repeat 50% 50%; margin-bottom:0px;}
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a { border:0; display:block;}
.theme-default .nivo-controlNav { text-align: center; padding: 10px 20px; position:absolute; bottom: 0px; right: 0px; z-index: 9999; background: #0BB6E8 url(img/nav.png) repeat-x; box-shadow: -3px -3px 15px rgba(0,0,0,0.2); border-top-left-radius: 10px;}
.theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(img/slider-bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px;}
.theme-default .nivo-controlNav a.active { background-position:0 -22px;}
.theme-default .nivo-directionNav a { display:block; width:43px; height:43px; background:url(img/arrows.png) no-repeat; text-indent:-9999px; border:0;}
.theme-default a.nivo-nextNav { background-position:-43px 0; right:15px;}
.theme-default a.nivo-prevNav { left:15px;}
.theme-default a.nivo-nextNav:hover {background-position: -43px -43px;}
.theme-default a.nivo-prevNav:hover {background-position: 0 -43px;}
.theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover { color:#fff;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 66px; position: absolute; top: 0; right: 0; background: rgba(255,255,255,0.4);}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a{ width: 62px !important; height: 47px; margin: 0 0 4px 4px !important; overflow: hidden; opacity: 0.7;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a.active{ opacity: 1;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a img{	 width: 62px !important; height: 47px !important;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto;}
/****/
.clear{clear: both;}
#date{font-size: 11px;}
.list{list-style: none;}
.list li{background: url(img/arrow.png) no-repeat 0 1px; padding-left: 20px; padding-bottom: 2px;}
.table td{vertical-align: top;}
.lhome{float: right; height: 185px; width: 331px; background: #2F4188 url(img/lhome.jpg) no-repeat; padding: 20px 0 20px 44px !important; list-style: none; margin: 0 !important;}
.lhome li{ color: #D6D9E9; padding-bottom: 4px; font-size: 12px;font-style: italic;font-family: 'Georgia';}
.text-home{ background: #E6E6E6; text-align: center !important; padding: 10px 0 25px; color: #333;}
a.agallery{ display: block; width: 300px; height: 225px; overflow: hidden; float: left; margin-bottom: 7px; position: relative;}
a.agallery span{ opacity: 0; display: block; width: 300px; height: 225px; background: url(img/index.png) no-repeat 0 0; position: absolute; top: -225px; left: 0;}
.img{border: 1px solid #E6E6E6; padding: 4px; border-radius: 4px;}
.hidden{display: none;}
.slider{ position: relative; background: #FFF;}
.slider .image{ width: 682px; height: 512px; position: relative;}
.slider .image img{ max-width: 682px; max-height: 512px; position: absolute; width: auto; height: auto; top: 50%; left: 50%;}
.slider .scroll{ width: 682px; overflow: hidden; height: 88px; background: #E6E6E6; position: relative;}
.slider .controls{ height: 80px; position: absolute; top: 8px; left: 0px;}
.slider .controls a img{ width: 107px; height: 80px;}
.slider .controls a span{ display:block; background: url(img/zoom.png) no-repeat; width: 107px; height: 80px; position: absolute; top: 0; left: 0; opacity: 0;}
.slider .controls a{ display: inline-block; margin: 0 8px 0 0; width: 107px; height: 80px; overflow: hidden; position: relative;}
.slider .controls a:hover{ background-color: #fff;}
.slider .controls .active{ background-color: #fff;}
.slider .image .pload{ background: transparent url(img/load.gif) no-repeat 0px 0px; width: 180px; height: 40px; position:absolute; top: 50%; left: 50%; margin-left: -90px !important; margin-top: -20px !important;}
.slider .image .desc{ background: transparent url(img/black.png); width: 662px; position:absolute; bottom: 0; left: 0; padding: 10px; color: #FFF; font-family: 'Georgia'; font-style: italic;}
.slider .next{ width: 30px; height: 80px; display: block; position: absolute; top: 8px; right: 0px; background: url(img/inextprev.png) no-repeat -30px -1px;}
.slider .prev{ width: 30px; height: 80px; display: block; position: absolute; top: 8px; left: 0px; background: url(img/inextprev.png) no-repeat 0px -1px;}
.slider .snext{ width: 30px; height: 60px; display: block; position: absolute; top: 170px; right: 0px; background: url(img/inextprev.png) no-repeat -30px -1px;}
.slider .sprev{ width: 30px; height: 60px; display: block; position: absolute; top: 170px; left: 0px; background: url(img/inextprev.png) no-repeat 0px -1px;}