@charset "utf-8";

/* CSS Document */



body{ margin: 0 0 40px; font-family: Arial; font-size: 14px; text-align: center;	}

img{vertical-align: top;}

a img{border: 0;}

/*#bg{ background: url(img/mar.jpg) no-repeat 0 bottom; width: 545px; height: 300px; position: fixed; right: 0; bottom: 0; z-index:0;}*/

#wrapper{width: 100%; background-image: url(img/mar.jpg); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover;}

.container {width: 60%; margin:0 auto; height: 100%; background: #FFF; box-shadow: 3px 3px 20px rgba(0,0,0,0.2),-3px -3px 20px rgba(0,0,0,0.2);}

#body{ width: 100%; padding: 10px 0; margin: 0px auto 0px auto; position: relative; z-index:1;}

#top{ width: 100%; height: auto; margin: 0 auto; background: #fff url(img/top.jpg) no-repeat; position: relative; z-index: 100; background-size: contain; overflow: hidden;}

#top .logo{ display: block; width: 18%; height: auto; float: left; text-align: left;}
#top .datos{ display: block; width: 30%; height: auto; float: right; text-align: right;}
#top .datos img, #top .logo img {width: 100%;}

#menu{overflow: hidden; width: 100%; margin: 0 auto;position: relative;z-index: 100;overflow: hidden; background-color: #ec7d1a}

#menu ul {margin: 0; padding: 0; list-style: none; text-align: center; height: 40px;}

#menu li{padding: 0 0px; display: inline-block;}

#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: #000; opacity:0;}

#menu li.active a{background: #000000;
    color: white;}

#menu li a:hover span{color: white;}

#menu #date{color: #fff; float: right; display: block; padding: 14px 15px 0;}

#head{ width: 100%; height: auto; background: #fff url(img/head.jpg) no-repeat; overflow: hidden; position: relative;}

#panel{ width: 100%; 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: calc(100% - 60px); padding: 30px; margin: 0px 0 0; float: left; color: #555; overflow: hidden; text-align: center;}

#bottom{ width: 100%; padding: 15px 0px; text-align: left; clear: both; background: #000; margin: 0px; color: #FFF; font-size: 11px; overflow: hidden;}

#content div{ text-align: center;}

#content h1{ padding: 10px 0 8px; margin: 10px 0 30px; text-align: left; color: #000; font-weight: normal; font-family: 'Arial'; 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: 'Arial'; 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; width: 100%;}

#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;
    width: 100%;
}

#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; margin-right: 15px;}
.texti{ float:left; margin-left: 15px;}

#bottom a{ color: white; 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; width: 50%;}

.inputerror{ background-color: #E1EBFF; border: 1px solid #AECBFF;}

.submit{ background-color: #ec7d1a; border: 0px solid #fff; padding: 8px 20px; color: #fff; cursor: pointer;}
.submit:hover { background-color: #000;}

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; overflow: hidden;}

.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 {display: none; 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;}
.nivo-directionNav {display: block!important;}
.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: 35%; background: #ec7d1a; padding: 20px 0 20px 44px !important; list-style: none; margin: 0 !important;}

.lhome li{ color: #fff; padding-bottom: 4px; font-size: 14px;font-family: 'Arial';}

.text-home{ background: #E6E6E6; text-align: center !important; padding: 10px 0 25px; color: #333;}

a.agallery{ display: block; width: 60%; height: 225px; overflow: hidden; float: left; margin-bottom: 7px; position: relative; }

a.agallery span {
    opacity: 0;
    display: block;
    width: 100%;
    height: 225px;
    background: url(img/index.png) no-repeat 0 0;
    position: absolute;
    top: -225px;
    left: 26%;
}

.img{border: 1px solid #E6E6E6; padding: 4px; border-radius: 4px;}

.hidden{display: none;}

.slider{ position: relative; background: #FFF;}

.slider .image{ width: 100%; 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: 100%; overflow: hidden; height: 88px; background: #fff; 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: 100%; position:absolute; bottom: 0; left: 0; padding: 10px; color: #FFF; font-family: 'Arial'; 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;}



@media (max-width: 1440px) {
 a.agallery {width: 59%;}
 #content .ileft {margin:-4px 7px 7px 0px;}
}
@media (max-width: 1280px) {
 a.agallery {width: 57%;}
 #content .ileft {margin:-4px 7px 7px 0px;}
}
@media (max-width: 1024px) {
 a.agallery {width: 57%;}
.lhome {padding:20px!important;}
.container { width: 90%!important;}
}