/* 

Twins - CSS File

CHANGE COLOR STYLE

*/

body {
	color:#555;
}
#bodychild { border-top:2px solid #232323;}
#outerheader{}
.outercontainer{ background:#fff;}

/*============================================== GENERAL SECTION ==============================================*/
a, .morelink, .colortext{
	color:#3399FF;
}
a:hover, a:visited:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{
	color:#F98E11
}


/* Heading & text */
h1, h2, h3, h4, h5, h6{
	color:#3399FF;
}
.pagetitle, .pagedesc{ color:#fff;}
.pagedesc{ border-left:1px solid #76b439;}

date{ background:#8ec252; color:#fff;}

/*============================================== HEADER AND MENU SECTION ==============================================*/

/* Logo */
#top{
	background-color: #9CC222;
}


/* Menu */
#navigation{
	background-image: url(../images/nav-bg.png);
	background-repeat: repeat-x;
}
.sf-menu a, .sf-menu a:visited{color:#fff;}/* 1st level */
.sf-menu a:hover a{
	color:#fff;
	text-decoration: underline;
}/* 1st level */

.sf-menu > li:hover,
.sf-menu > li.sfHover {
	color:#fff;
	background-color: #00CCFF;
}


/* dropdown */
.sf-menu li li {
	background-image: url(../images/nav-seperator.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.sf-menu li li a, .sf-menu li li a:visited, .sf-menu li li a:hover, sf-menu li.current li a{
	color:#fff;
}

.sf-menu li li:hover, .sf-menu li li.sfHover{

}

.sf-with-ul{}
.sf-menu li li {}
.sf-menu li li:first-child{ border-top:0}
.sf-menu li li:last-child{ border-bottom:0}

.tinynav{background:#fff; border:1px solid #f3f3f3;}


/*============================================== SLIDER SECTION ==============================================*/
.flex-caption h1{color:#8ec252}
.flex-caption h1 span{ color:#353535;}


/* Button */
.flex-caption .button{
background-image: linear-gradient(bottom, #282828 50%, #3B3B3B 100%);
background-image: -o-linear-gradient(bottom, #282828 50%, #3B3B3B 100%);
background-image: -moz-linear-gradient(bottom, #282828 50%, #3B3B3B 100%);
background-image: -webkit-linear-gradient(bottom, #282828 50%, #3B3B3B 100%);
background-image: -ms-linear-gradient(bottom, #282828 50%, #3B3B3B 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, #282828),
	color-stop(1, #3B3B3B)
);
	color:#fff;
	border:0;
-webkit-box-shadow: 0px 0px 15px 0px #8b8b8b;
box-shadow: 0px 0px 15px 0px #8b8b8b; 
text-transform:uppercase;
}
.flex-caption .button:hover{
background-image: linear-gradient(bottom, #73a23d 50%, #8ec252 100%);
background-image: -o-linear-gradient(bottom, #73a23d 50%, #8ec252 100%);
background-image: -moz-linear-gradient(bottom, #73a23d 50%, #8ec252 100%);
background-image: -webkit-linear-gradient(bottom, #73a23d 50%, #8ec252 100%);
background-image: -ms-linear-gradient(bottom, #73a23d 50%, #8ec252 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, #73a23d),
	color-stop(1, #8ec252)
);
	color:#fff;
	border:0;
}

/*============================================== PAGE TITLE ==============================================*/
#pagetitle-container{background:#8ec252; border-bottom:5px solid #73a23d;} 

/*============================================== CONTENT SECTION ==============================================*/
ul.client{background:#fff;}
ul.client li{border-left:solid 1px #eaeaea}

/* Form */
input[type="text"],
textarea, input[type="password"], select{
	border:solid 1px #ddd;
	color:#777;
}
label{ color:#777;}
span.required, #message{ color:#f00;}


/* Horizontal Line */
hr {
	color:#f3f3f3;
	background-color:#f3f3f3;
}

.separator.line{ border-bottom:1px solid #f3f3f3;}

/* List */


/* Button */
.button, .button:visited, input[type="submit"]{
	background: #8ec252;
	color:#fff;
	border:0;
}
.button:hover, input[type="submit"]:hover{
	background: #97cd58;
	color:#fff;
	border:0;
}

/* Blockquote */
blockquote{color:#999;
    background: #f9f9f9 url("../images/quote-l.png") no-repeat 20px 20px;

}

blockquote span{background:url("../images/quote-r.png") no-repeat; display: inline-block; width:24px; height:21px; position:relative; top:10px; left:15px;}

/* Dropcaps */	
.dropcap1{text-shadow:1px 1px 0 #ededed; color:#353535}
.dropcap2{color:#353535; background:#fcfcfc; border:1px solid #f2f2f2}		
.dropcap3{color:#353535; background:#fcfcfc; border:1px solid #f2f2f2}

.circle span h5{ color:#8ec252}
.circle.style1{ background:url(../images/circle1.png) no-repeat;}
.circle.style2{ background:url(../images/circle2.png) no-repeat;}

/* Highlight */
.highlight1{color:#fff; background:#2e2e2e}	
.highlight2{background:#efefef;  border:solid 1px #f7f7f7}
.highlight3{border-bottom:dotted 1px #000}

/* Code */
code {
	border-left:4px solid #e9e9e9;
}

	
/* Tabs */
ul.tabs li {
	color:#353535;

}
ul.tabs li a {color:#353535;}
ul.tabs li.active{color:#353535;}
html ul.tabs li.active{ 
	border:1px solid #f2f2f2;
	border-width:1px 1px 0px 1px;
	border-bottom:1px solid #fff;
}
html ul.tabs li.active a{ color:#353535; }
#tab-body{border-top:1px solid #f2f2f2;}

/* jQuery Toggles */
h2.trigger{color:#353535;  border:1px solid #f2f2f2;}
h2.trigger span {color:#353535;}
h2.active{color:#353535; background:#fcfcfc;}
h2.trigger span:hover {color:#353535;} 
.toggle_container {
	background:#fefefe;
	border:1px solid #f2f2f2;
	border-top:0px;
}

/* Tables */
th{
	background: #fcfcfc; /* for non-css3 browsers */
	color:#353535;
	border-bottom: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}
thead th{border-right: 1px solid #eaeaea!important;}
table {border: 0px;border-bottom:0; border-right:0px;}




/*============================================== BLOG SECTION ==============================================*/
.post{ border-bottom:1px solid #f3f3f3}
.posttitle a, .posttitle a:visited{color:#2e2e2e;}
.posttitle a:hover{color:#8ec252}

.entry-utility{ color:#999;}
.entry-utility a, .entry-utility a:visited{}
.entry-utility a:hover{}

.entry-comment{ background:#303030;}
.entry-comment a, entry-comment a:visited{color:#fff}

.commentlist li li{	border-left:1px solid #f2f2f2;}
.com-line{border-top:1px solid #f2f2f2;}
.tdate, .reply a, .reply a:visited{color:#999; }
.comment-body{ background:#f8f8f8;}
.fn{color:#353535;}

.wp-pagenavi a, .wp-pagenavi a:visited{color:#353535; border:1px solid #f4f4f4;}
.wp-pagenavi .current, .wp-pagenavi a:hover{color:#fff; background:#8ec252; border:1px solid #8ec252;}

/*============================================== PORTFOLIO SECTION ==============================================*/
#filter{}
#filter li{border-right:1px solid #999;}
#filter li a, #filter li a:visited{ color:#353535;}
#filter li.current a, #filter li a:hover{ color:#8ec252;}

.ts-display-pf-img a .rollover{	color:#fff;}
.ts-display-pf-text{border-bottom:solid 1px #ebebeb; background:#f5f5f5}
.ts-display-pf-text h2 a, .ts-display-pf-text h2 a:visited{color:#2e2e2e;}
.ts-display-pf-text h2 a:hover{
	color:#996699;
}


/*============================================== SIDEBAR SECTION ==============================================*/
.widget-title{
	color:#0498F0
}
#sidebar li li{border-bottom:dotted 1px #ddd;}
#sidebar li a, #sidebar li li a{
	color:#5888C2
}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#8ec252;}


/* Latest Post*/
.latest-post li h2 a{color:#353535; }
.latest-post li h2 a:hover{color:#8ec252;}

/* Tagcloud */
.tagcloud a{border:solid 1px #f3f3f3;}
.tagcloud a:hover{border:solid 1px #f3f3f3; background:#8ec252; color:#fff !important;}


/*============================================== FOOTER SECTION ==============================================*/
#outerfooter{}
#footercontainer{
	background-color: #F3F7F8;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	font-size:11px;
}
#copyright{color:#353535;}
#copyright a, #copyright a:visited{color:#353535;}
#copyright a:hover{color:#8ec252;}

/*============================================== clases ==============================================*/
.oncepx {
	font-size:11px;
	}
.limpiar {
	clear: both;
}
.bandera {
	padding:10px 5px;

}
.reservar {
	color: #F90;
	font-weight: bold;
}
.zona {
	padding:25px 0px 25px 17px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-image: url(../images/bg_tr_aloj.png);
	background-repeat: no-repeat;
	}
.thumb-img{
	padding: 3px;
	float: left;
	margin-right:15px;
	border: 1px solid #CCC;
}
.ngr {
	color: #555;	
}
.picos {
	float: left;
	width: 255px;
	height: 47px;
	margin-left: 27px;
	margin-bottom:30px;
}
.h4rig {
	font-size: 12px;
	background-image: url(../images/fl.png);
	background-position: 0px 8px;
	padding-left: 12px;
	background-repeat: no-repeat;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	}
.prig {
	font-size: 12px;
	background-image: url(../images/fl.png);
	background-position: 0px 8px;
	padding-left: 12px;
	background-repeat: no-repeat;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	}
video { width: 100% !important; height: auto !important; }

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.compartir {
	padding-top: 12px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-right: 10%;
}