<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Add here all your css styles (customizations) */
@font-face {
  font-family: 'Berthold-Akzidenz-Grotesk';
  src: url('../../fonts/berthold-akzidenz-grotesk-be-regular.eot');
  src: url('../../fonts/berthold-akzidenz-grotesk-be-regular.woff') format('woff'),
       url('../../fonts/berthold-akzidenz-grotesk-be-regular.ttf') format('truetype');
}
body{
    color: #585f69 !important;
}

#logo-header{
    top: -20px;
    position: relative;
}

.header-fixed-shrink #logo-header{
    top: -15px !important;
    width: 147px !important;
    height: 70px !important;
}

@media (min-width: 768px) and (max-width: 999px) {
	.header-fixed-shrink #logo-header{
		top: 0 !important;
	}
}

@media (max-width: 767px) {
	.header-fixed-shrink #logo-header{
		width: 95px !important;
		height: 50px !important;
		top: -10px !important;
	}
}

a:hover{
    color: #72c02c !important;
    text-decoration: none !important;
}

.text-uppercase{
    text-transform: uppercase;
}
.sectiontitle{
    border-bottom: 1px dotted #e4e9f0;
    display: block;
    margin: 30px 0 20px;
    text-align: center;
    text-transform: uppercase;
}

.sectiondescription{
    display: block;
    margin: 10px 0 30px;
    text-align: center;
}

#homeslider{
    overflow: hidden;
}

#homeslider .sectiontitleinverted{
    margin: 0 0;
} 

.sectiontitle h1 {
    border-bottom: 2px solid #72c02c;
    display: inline-block;
    margin: 0 0 -2px;
    padding-bottom: 5px;
}

.sectiontitleinverted{
    border-bottom: 2px solid #e4e9f0;
    border-top: 2px solid #e4e9f0;    
    display: block;
    margin: 30px 0 20px;
    text-align: center;
    text-transform: uppercase;
}

.colorinverted{
    color: #e4e9f0;
}

.bgicons{
    background: none repeat scroll 0 0 #3e4753;
    color: #dadada;
    padding: 10px 10px;
}

.box-bottom{
    margin: 0 0 50px 0;
}

.glyphicon {
    margin: 0 5px;
}


.tp-caption { 
    white-space: normal !important;
}

.margin5{
    margin: 5px 5px;
}
.margin10{
    margin: 10px 10px;
}

.vmargin5{
    margin-top: 5px;
    margin-bottom: 5px;
}
.vmargin10{
    margin-top: 10px;
    margin-bottom: 10px;
}

.row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.titulo{
    color:#72c02c;
}

.descripcion{
    color: #585f69;
}

/**************************
***** NosotrosVideo ******
**************************/
#home_nosotrosvideo {
    background: url('../img/home/video/background.jpg') 50% 0 fixed;
}
#home_nosotrosvideo .light-overlay {
    background: rgba(255, 255, 255, 0.8);
    padding-top: 50px 0;
}
.nosotrosvideo {
    padding: 0 0 50px 0;
}

#home_nosotrosvideo .text{
    margin-top: 50px;
}

.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin: 0;
overflow: hidden;
} 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; } 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}

/*****************
***** Vinos ******
******************/
#home_vinos img{
    padding: 30px 0;
}

.winedos div{
    margin-top: 20px;
}

.winedos a{
    padding-left: 80px;    
    color:  #585f69;
}

@media (min-width: 768px) and (max-width: 999px) {
	.winedos a{
        padding-left: 60px;    
        color:  #585f69;
    }
}

@media (max-width: 767px) {
	.winedos a{
        padding-left: 35%;    
        color:  #585f69;
    }
}

.winedos a:hover,
.winedos a:active{
    text-decoration: none;
}

.winetitle{
    font-family: 'Berthold-Akzidenz-Grotesk';
    font-size: 45px;
    display: inline-block;
    margin: 30px 0 20px;
    padding-bottom: 5px;
}

/******************************
*******   Separators   ********
*******************************/
.separator1{
    background: url('../img/home/separators/separator1.jpg') no-repeat center center;
}
.separator2{
    background: url('../img/home/separators/separator2.jpg') no-repeat center center;
}
.separator3{
    background: url('../img/home/separators/separator3.jpg') no-repeat center center;
}
.separator4{
    background: url('../img/home/separators/separator4.jpg') no-repeat center center;
}
.separator{
    width: 100%;
}
.separator .dark-dotoverlay{
    background: url("../plugins/revolution-slider/rs-plugin/assets/gridtile.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 50px 0;
}

/********************
***** Noticias ******
*********************/
#home_noticias {
    background: url('../img/home/news/background.jpg') 50% 100% fixed;
}
#home_noticias .light-overlay {
    background: rgba(255, 255, 255, 0.8);
}

/**********************
***** Enoturismo ******
***********************/
#home_enoturismo {
    background: url('../img/home/enoturismo/background.jpg') 50% 100% fixed;
}
#home_enoturismo .dark-overlay {
    background: rgba(0, 0, 0, 0.8);
}
.btn-enoturismo{
    width: 250px;
    margin: 10px 20px;
}

/******************
***** Agenda ******
*******************/
#calendarContainer { text-transform: capitalize; text-align: center; }
.calendar { width: 100%;}
.calendar table { width: 100%; text-align: center; }
.calendar td, .calendar table { background-color: #FFF !important; text-align: center; font-size: 14px;}
.calendar .cheader { background: none !important; width: auto !important; height: auto !important; font-size: 18px; }
.calendar .cheadertitle{ display: block; text-align:center;}
.calendar .cheadertitle:first-letter{ text-transform: uppercase;}
.calendar .weekend { background-color: #ecf9e9 !important;}
.calendar .other { color: silver;}
.calendar .day { background-color: #FFFFFF;}
.calendar .wday { border: solid 1px silver; height: 70px;}
.calendar a.exist { display: inline-block; padding: 0 5px; border-radius: 104px; color: #fff; font-weight: normal; background-color: #E4501E; }
.calendar td { vertical-align: top; background: white; }
.calendar th { font-size: 14px; text-align: center; }

/*****************
***** Hotel ******
******************/
.btn-hotel{
    width: 200px;
    margin: 10px 20px;
}

#home_hotel img{
    margin: 20px auto;
}

/**********************
***** Restaurant ******
***********************/
#home_restaurant img{
    margin: 20px auto;
}

/********************
***** Contacto ******
*********************/
#home_contacto {
    background: url('../img/home/contact/background.jpg') 50% 100% fixed;
}
#home_contacto .dark-overlay {
    background: rgba(0, 0, 0, 0.8);
}

.contacticon{
    margin: 20px auto;
}

@media (min-width: 992px) {
    .contacttext {
        text-align: left;
    }
}

@media (max-width: 991px) {
	.contacttext{
        text-align: center;
    }
}

/****************
***** Mapa ******
*****************/
#home_map {
    width: 100%;
    height: 350px;
}

/*******************
***** Widgets ******
********************/

ul#monthList, ul#categorylist{
    list-style: none;
    position: relative;
    padding-left: 5px;
}
ul#monthList li{
    list-style: none;
}

ul#monthList ul{
    position: relative;
    padding-left: 5px;
}

/*******************
******* Blog *******
********************/

/*[.post]*/
.post, .post-info {
    margin-bottom: 10px;
}
.post { background-color: #ffffff; padding: 2% 4% 4%; margin-bottom: 20px; border-radius: 6px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); }
.medialinks{
    margin-bottom: 10px;
    margin-top: 10px;
}

/*[.tagcloud]*/
.tagcloud ul { padding-left: 0px !important; }
.tagcloud ul li { display: inline-block !important; margin: 1px !important; border: none !important; padding: 3px !important; }
.tagcloud ul li A { padding: 3px !important; border-radius: 3px !important; }
.tagcloud ul li A:hover { background: #72c02c !important; color: #fff !important; } 
.tagcloud ul li A.biggest { font-size: 120% !important; }
.tagcloud ul li A.big { font-size: 110% !important; }
.tagcloud ul li A.medium { font-size: 100% !important; }
.tagcloud ul li A.small { font-size: 90% !important; }
.tagcloud ul li A.smallest { font-size: 80% !important; }

/*******************
******* Page *******
********************/
.pageheader{
    width: 100%;
    height: 300px;
}

.vinsheader{
    background: url('../../images/vins/header.jpg') no-repeat center top;
}

.doqprioratheader{
    background: url('../../images/vins/DOQPriorat/header.jpg') no-repeat center top;
}

.domontsantheader{
    background: url('../../images/vins/DOMontsant/header.jpg') no-repeat center top;
}

.doruedaheader{
    background: url('../../images/vins/DORueda/header.jpg') no-repeat center top;
}

.dotoroheader{
    background: url('../../images/vins/DOToro/header.jpg') no-repeat center top;
}

.hotelheader{
    background: url('../../images/hotel/header.jpg') no-repeat center top;
}

.enoturismeheader{
    background: url('../../images/enoturisme/header.jpg') no-repeat center top;
}

.restaurantheader{
    background: url('../../images/restaurant/header.jpg') no-repeat center top;
}

#page_ .pagetitle {    
    color: #72c02c;
    display: inline-block;
    margin: 30px 0 20px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
#page_ .pagesubtitle {    
    color: #72c02c;
    display: inline-block;
    margin: 20px 0 10px;
    padding-bottom: 5px;
}

#page_ .do-box{
    min-height: 251px;
}

#page_ .do-box .text div{
    padding: 10px 0;
}

#page_ .pagefootersectiontitle{
    border-bottom: 1px dotted #e4e9f0;
    display: block;
    margin: 20px 0 10px;
    text-align: left;
}

#page_ .pagefootersectiontitle h2 {
    border-bottom: 2px solid #72c02c;
    display: inline-block;
    margin: 0 0 -2px;
    padding-bottom: 5px;
}

#page_ a.footerdo, 
#page_ a.footerhotel, 
#page_ a.footerenoturisme{
    color:  #585f69;
}

#page_ a.footerdo:hover,
#page_ a.footerdo:active,
#page_ a.footerhotel:hover,
#page_ a.footerhotel:active
#page_ a.footerenoturisme:hover,
#page_ a.footerenoturisme:active{
    text-decoration: none;
}


/********************
******* Hotel *******
*********************/
#page_ .view a.info:hover{
    color: #fff !important;
}

.view {
   z-index:9;
   cursor: default;
   overflow: hidden;
   text-align: center;
   position: relative;
   margin-bottom: 30px;
   box-shadow: 0 0 3px #ddd;
}
.view .mask,.view .content,.view .mask0  {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
}
.view .mask0 h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 22px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 0;
   text-shadow:none;
}
.view a.info {
   color: #fff;
   background: #000;
   padding: 5px 12px;
   text-decoration: none;
   margin-top:150px;
   display: inline-block;
   overflow:hidden;
   text-transform: uppercase;
}
.view a.info:hover {
	background:#72c02c;
}

/*CSS3 Hover Effect*/
.view-tenth img {
	left:10px;
	margin-left:-10px;
	position:relative;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.view-tenth .mask {
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(2) rotate(10deg);
   -moz-transform: scale(2) rotate(10deg);
   -o-transform: scale(2) rotate(10deg);
   -ms-transform: scale(2) rotate(10deg);
   transform: scale(2) rotate(10deg);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   opacity: 0.3;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/********************
**** Search page ****
*********************/
.search-page .search-page-searchbox { background: #fff; padding: 3px; border-radius: 6px; border: 1px solid #CCC; margin-bottom: 15px; }
.search-page .search-page-searchbox input[type=button] { float: right; width: 20%; border: none; height: 100%; padding: 8px 0; }
.search-page .search-page-searchbox input[type=text] { border: none; width: 76%; border-radius: 3px; padding: 4px 1%; outline:none !important; }
.search-page .searchresult { border-bottom: 1px dotted #CCC; padding: 10px 0; font-size: 14px; }
.search-page .searchresult a { font-weight: normal; font-size: 16px; }
.search-page .searchresult span.text { clear: both; line-height: 35px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; color: #555; }
.search-page .searchresult span.type { font-size: 13px; display: none; }
.search-page .searchresult span.url { color: #00802a; }
.search-page .searchpage ul.paging { list-style-type: none; margin: 20px auto; padding: 0px; text-align: center; display: block; }
.search-page .searchpage ul.paging li { display: inline-block; width: 30px; text-align: center; height: 30px; border: 1px solid #CCC; background: #FFF; margin-right: 2px; }
.search-page .searchpage ul.paging li a { display: block; height: 100%; line-height: 30px; }
.search-page .searchpage ul.paging li.active { border-width: 1px; border-style: solid; }
.search-page .searchpage ul.paging li.active A { color: #FFF; }</pre></body></html>