/* CSS Document */
@import "_reset.css";
@import "_font.css";
@import url('https://fonts.googleapis.com/css?family=Asap');


.main { width:960px; margin:0 auto; font-family: 'Asap', sans-serif; font-size: 12px; line-height: 18px; color: #454547; }

.header .lang { margin: 20px 0; text-align: right; }
.header .lang a.active { color: #ED1750; }
.header .logo { margin: 30px 0; text-align: center; }
.header .logo a { font-weight: 600; color: #000; display: inline-block; font-size: 21px; margin-bottom: 20px; text-decoration: none; }
.header .logo span { display: block; font-size: 12px; }


.nav { border-top: #D8D8D8 1px solid; border-bottom: #D8D8D8 1px solid; margin-bottom: 30px; }
.nav li {  float: left; }
.nav li a { display: block; padding: 15px 0; margin: 0 50px; color: #888888; text-transform: uppercase; text-decoration: none; }
.nav li a:hover, .nav li.active a { color: #A581BA; border-bottom: 1px solid #A581BA; }


/*********************/
/** page structure **/


.sub_nav { float: left; width: 150px; }
.sub_nav li { margin-bottom: 2px; }
.sub_nav a { text-decoration: none; color: #888888; padding: 3px 20px 3px 10px; display: block; border-left: 2px solid #ccc; }
.sub_nav a:hover, .sub_nav li.active a { border-left-color: #ED1750; color: #ED1750; }

.banner { height:400px; position:relative; overflow:hidden; z-index: 3; }
.banner li { float:left; position:relative; }
.banner li img { width:980px; height:400px; }

.banner .prev, .banner .next { position:absolute; display:block; width:33px; height:33px; font-size:33px; position:absolute; top:45%; z-index:999; text-decoration:none; text-align:center; color:#222; font-weight:lighter; }
.banner .prev { left:-40px; -webkit-transition:left .5s ease; -moz-transition:left .5s ease; transition:left .5s ease; }
.banner .prev:after { content:"\f053"; font-family:FontAwesome; }
.banner .next { right:-40px; -webkit-transition:right .5s ease; -moz-transition:right .5s ease; transition:right .5s ease; }
.banner .next:after { content: "\f054"; font-family: FontAwesome; }
.banner:hover .prev { left:0px !important; -webkit-transition:left .5s ease; -moz-transition:left .5s ease; transition:left .5s ease; }
.banner:hover .next { right:0px !important; -webkit-transition:right .5s ease; -moz-transition:right .5s ease; transition:right .5s ease; }
.banner .pager { position:absolute; bottom: 20px; right:20px; z-index:999; }
.banner .pager a { border:#CCC 2px solid; text-indent:-6000px; text-decoration: none; width: 8px; height: 8px; display:block; float:left; margin: 0 5px 0 0; border-radius:50%; }
.banner .pager a.selected { border:#959595 2px solid; }

.banner_2 { margin-bottom: 25px; position: relative; }
.banner_2 li { float: left;   }
.banner_2 li img { width: 178px; height: 178px; padding: 20px; }
.banner_2 li a { border: 1px solid #FFF; background: url(../img/core/bg_grid.png) no-repeat; display: block; color: #666; text-decoration: none; }
.banner_2 li a p { padding: 20px; display: block; border-top: 3px solid #FFF; }
.banner_2 li a:hover { border-color: #F0F0F0; background: url(../img/core/bg_grid_hover.png) no-repeat; color: #F02A2F; }
.banner_2 li a:hover p { border-color: #F0F0F0; background: #FDFDFD; }
.banner_2 .btn { position: absolute; top: 50%; z-index: 10; font-size: 18px; color: #811717; }
.banner_2 .left { left: 0; }
.banner_2 .right { right: 0; }

.grid ul { margin-left: -30px; }
.grid li { float: left; margin-left: 30px; }
.grid li div { height: 300px; width:300px; overflow: hidden; position: relative; margin:0 0 5px 0; background: #FDFDFD; }
//.grid li div img { max-height: 300px; max-width:300px; vertical-align:middle; }
.grid li div img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.grid li div img.portrait {
  width: 100%;
  height: auto;
}
.grid li a { display: block; color: #666; text-decoration: none; position: relative; overflow: hidden; }
.grid li a p { padding: 20px; display: block; text-align: center; text-transform: uppercase; }
.grid li a:hover { color: #A581BA; }
.grid li a:hover p { background: #FDFDFD; }

.detail { color: #666; padding-bottom: 30px;  }
.detail .social { margin-bottom: 30px; text-align: right; }
.detail .social a { color: #888 }
.detail .social a:hover { color: #ED1750 }
.detail .social a i { font-size: 20px; }


.detail .description { width: 360px; float: right; text-align: justify; }
.detail .description h1 { font-size: 1.6em; text-transform: uppercase; margin-bottom: 5px; }
.detail .description h2 { margin-bottom: 20px; }
.detail .description h3 { margin-bottom: 20px; font-size: 1.5em; }
.detail .description p { margin-bottom: 10px; }




.page .sub_nav { width: 200px; }
.page .conten { width: 600px; float: left; color: #666; font-family: 'Asap', sans-serif; line-height: 20px;  }
.page textarea { font-family: 'Asap', sans-serif; line-height: 20px;  }
.page .conten h1 { font-size: 1.6em; margin-bottom: 20px; color: #666; font-family: 'Asap', sans-serif; }
.page .conten ul { margin: 0 0 20px 20px;}
.page .conten li { list-style: circle; margin-bottom: 4px; }

.page .t_form { padding: 50px 0; }
.page .t_form table { width: 900px; margin: 0 auto; color: #959595; }
.page .t_form .input_field { padding: 9px; border: #FFF solid 1px; border-bottom: #D8D8D8 solid 1px; margin: 10px 20px 10px 0; width: 435px; outline: none; transition: .8s; }
.page .t_form .input_field:focus { border: #D8D8D8 solid 1px; }
.page .t_form ._full {  width: 910px; }
.page .t_form .textarea { height: 100px; resize: none; }

.page .donde i { color: #959595; width: 30px; }
.page .donde .map { height: 280px; margin-bottom: 20px; }


/*CONTACTO*/
.contacto { float: left; width: 580px; }
.contacto h1 { font-size: 1.6em; text-transform: uppercase; margin-bottom: 30px; }
.contacto table { margin-top: 30px; }
.contacto td { padding: 6px 0; }
.contacto th { text-align: left; }
.contacto input[type=text] { width:540px; border:1px solid #DCDDDE; background: #DCDDDE; padding:10px 15px; font-family: 'Asap', sans-serif; font-weight: 300; font-size: 13px; }
.contacto textArea { width:550px; height: 100px; border:1px solid #DCDDDE; background: #DCDDDE; padding:10px; font-family: 'Asap', sans-serif; font-weight: 300; font-size: 13px; resize: none; }
.contacto .btn {padding: 10px 25px; border:2px solid #585858; background-color: #FFF; cursor: pointer; font-size: 15px; margin-top: 20px; }
.contacto .btn:hover { border:2px solid #A581BA; }
.alert { /*background:#DFF2BF;*/ color:#F00; padding:10px; margin-bottom:15px; text-align:center; }
.mapa { width: 350px; float: right; right: 0; }

/*GALERIA*/
.galeria section { background: #ECECEC; width: 200px; padding: 10px; margin-right: 25px; float: left;  }
.galeria section img { width: 200px; height: 180px; margin-bottom: 8px; }
.galeria section p { margin-bottom: 8px; }
.galeria section .btn { display: block; padding: 8px; text-align: center; font-size: 15px; background: #00ADEE; color: #FFF; text-decoration: none; transition: .4s; }
.galeria section:hover .btn,
.galeria section .btn:hover { background: #A5CD39; color: #FFFFFF; }

.gallery { margin: 0 auto 30px auto; width: 700px; height: 400px; overflow: hidden; padding: 10px; background: #222; position: relative; }
.gallery li { float: left; width: 700px; height: 400px; overflow: hidden; }
.gallery li div { width: 700px; height: 400px; text-align:center; line-height:400px; }
.gallery li div img { max-width: 700px; max-height: 400px; vertical-align:middle; }

.gallery .prev, .gallery .next { position:absolute; display:block; width:45px; height:45px; font-size:45px; position:absolute; top:45%; z-index:999; text-decoration:none; text-align:center; color:#FFF; font-weight:lighter; }
.gallery .prev { left:-40px; -webkit-transition:left .5s ease; -moz-transition:left .5s ease; transition:left .5s ease; }
.gallery .prev:after { content:"\f053"; font-family:FontAwesome; }
.gallery .next { right:-40px; -webkit-transition:right .5s ease; -moz-transition:right .5s ease; transition:right .5s ease; }
.gallery .next:after { content: "\f054"; font-family: FontAwesome; }
.gallery:hover .prev { left:0px !important; -webkit-transition:left .5s ease; -moz-transition:left .5s ease; transition:left .5s ease; }
.gallery:hover .next { right:0px !important; -webkit-transition:right .5s ease; -moz-transition:right .5s ease; transition:right .5s ease; }
.gallery .pager { position:absolute; bottom: 20px; left:20px; z-index:999; }
.gallery .pager a { border:#959595 2px solid; text-indent:-6000px; text-decoration: none; width: 8px; height: 8px; display:block; float:left; margin: 0 5px 0 0; border-radius:50%; }
.gallery .pager a.selected { border:#fff 2px solid; }




.footer { margin-top: 25px; padding: 15px 0; border-top: 1px dotted #CCC; text-align: right; font-size: 18px; }
.footer a { color: #A581BA; }



.detail .left { float: left; position: relative; }
.detail .pics { border: #D8D8D8 solid 1px; padding: 10px; width: 550px; }
.detail .pics li { float: left; height: 420px;}
.detail .pics li p { text-align: center;}
.detail .pics li div { height: 400px; width:550px; margin:0 0 5px 0; text-align:center; line-height:400px; }
.detail .pics li div img { max-height: 400px; max-width:550px; vertical-align:middle; }
.detail .thumbs { margin: 10px 0; }
.detail .thumbs .caroufredsel_wrapper { float: left; position: relative; }
.detail .thumbs li { float: left; }
.detail .thumbs li img { width: 70px; height: 90px; }
.detail .thumbs li a { border: #FFF solid 1px; padding: 5px; margin-right: 10px; display: block; }
.detail .thumbs li a:hover { border: #888 solid 1px; }
.detail .thumbs li .selected, .detail .thumbs li .selected:hover { border: #A581BA solid 1px; padding: 5px; background: url(../img/core/bg_grid_hover.png) no-repeat; }


#gallery {width: 550px; height: 520px;position:relative;margin:0 auto}
#gallery #main{border: #D8D8D8 solid 1px; width: 550px; height: 440px;position: relative;text-align:center}
#gallery #images,#gallery #thumbs{overflow:hidden}
#gallery #images {width:530px;height:400px;margin:0 auto;position:absolute;left:10px;top:10px;}
#gallery #images .slide{width:530px; height: 430px; margin:0 0 5px 0; text-align:center; line-height:400px;position:relative;float:left}
#gallery #images .slide img{max-height: 400px; max-width:530px; vertical-align:middle;}
#gallery #images .slide p { font-size: 12px; line-height: 18px;}
#gallery #thumbs {width:550px;height:100px;margin:10px 0 0 40px}
#gallery #thumbs .thumb {width: 90px; height: 92px;float:left;position:relative;margin:0 5px 0 0; text-align: center;line-height:90px;}
#gallery #thumbs .thumb img{max-height: 80px; max-width:80px; vertical-align:middle;margin-left: 1px;}
#gallery #thumbs .thumb a{display:block;position:absolute;top:0;left:0;width: 90px; height: 90px;text-indent:-999em;}
#gallery #thumbs .thumb a.selected,#gallery #thumbs .thumb a:hover{border:1px solid #aaa}
#gallery #prev,#gallery #next{position:absolute;display:block;width:19px;height:20px;bottom:10px;font-size: 24px; color: #888;}
#gallery #prev{left:0}
#gallery #next{right:0}
#gallery #prev.disabled,#gallery #next.disabled{display:none!important}

.silvana #gallery #images .slide{width: 380px; }
.silvana #main{width: 400px; }
.silvana .description { width: 500px; text-align: justify; }
.silvana .cv { text-align: right; }
.silvana .cv a { color: #454547; text-decoration: none; }
.silvana .cv a:hover { text-decoration: underline; }
.silvana hr { border: none; border-bottom: 1px dotted #222; margin: 25px 0; }
.silvana .description i { font-style: italic; }
.silvana .description strong { font-weight: bold; }


.alert {position:absolute; padding:20px; z-index:9999; text-align:center; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left: -165px; margin-top:-500px; background:#A581BA; color:#FFF; left:50%; font-weight:bold; line-height:18px;}


/*CONTACTO*/
.tienda h1 { font-size: 1.6em; text-transform: uppercase; margin-bottom: 30px; }
.tienda table { margin-top: 30px; }
.tienda td { padding: 6px 0; }
.tienda th { text-align: left; }
.tienda input[type=text] { width:330px; border:1px solid #DCDDDE; background: #DCDDDE; padding:10px 15px; font-family: 'Asap', sans-serif; font-weight: 300; font-size: 13px; }
.tienda textArea { width:340px; height: 100px; border:1px solid #DCDDDE; background: #DCDDDE; padding:10px; font-family: 'Asap', sans-serif; font-weight: 300; font-size: 13px; resize: none; }
.tienda .btn {padding: 10px 25px; border:2px solid #585858; background-color: #FFF; cursor: pointer; font-size: 15px; margin-top: 20px; }
.tienda .btn:hover { border:2px solid #A581BA; }