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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display:block;}
hr {
	background:transparent;
	border:0;
	clear:both;
	color:transparent;
	height:1px;
	margin:0;
	padding:0;
}
input, select {	vertical-align:middle;}
ol, ul {	list-style:none;}
table {	border-collapse:collapse;	border-spacing:0;}
body { font-weight:normal; font-size:14px; background:#ffffff; color:#666666; line-height:1;}
	
	/*----*****---- << Fonts >> ----*****----*/
	
	body, input[type=text], input[type=password], input[type=email], input[type=tel], input.text, textarea, input[type=submit], .mobile-menu, h4.border-title, .location h4, .button.ico, blockquote:before { font-family: 'Source Sans Pro', sans-serif; }
	h1, h2, h3, h4, h5, h6, .price { font-family: 'Titillium Web', sans-serif; }
	#main-menu ul li a, .legendLabel { font-family: 'Titillium Web', sans-serif; }
	.button { font-family: 'Open Sans', sans-serif; }
	
	/*----*****---- << Headings >> ----*****----*/
	
	h1, h2, h3, h4, h5, h6 { font-weight:normal; }	
	
	h1{ font-size:30px; line-height:normal; margin-bottom:0px;
		border-bottom: 1px solid #f0efef;
		color:#f39d12;
	 }
	h2{ font-size:24px; line-height:normal; margin-bottom:15px; }
	h3{ font-size:20px; line-height:normal; margin-bottom:15px; }
	h4{ font-size:18px; line-height:20px; margin-bottom:10px; }
	h5{ font-size:16px; line-height:20px; margin-bottom:10px; }
	h6{ font-size:14px; line-height:20px; margin-bottom:10px; }	
	.border-title { border-bottom: 1px solid #f0efef; padding-bottom: 10px; *padding-bottom: 0px; margin-bottom:22px; }
	
	
	/*----*****---- << Transition >> ----*****----*/	
	a, input[type=submit], button, input[type=button] { -webkit-transition:all 100ms linear; -moz-transition:all 100ms linear; -o-transition:all 100ms linear; -ms-transition:all 100ms linear; transition:all 100ms linear; }
	

	/*----*****---- << Text Elements >> ----*****----*/
	
	a{ text-decoration:none; }
	a:hover { color:#333334; text-decoration: underline;}
	a img{ border:none; }
	
	strong{ font-weight: bold; }
	em{ font-style: italic; }
	
	address { display:block; margin:10px 0px 20px; }
	abbr {  border-bottom:1px dotted #3d3d3d; cursor:help; }
	ins { background:#FFF9C0; }
	sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
	sub { bottom: -3px; }
	sup { bottom: -3px; }	
	
	p { line-height:24px; margin-bottom:15px; }	
	ul, ol, pre, code{ margin-bottom:20px; }
	
	ul{ list-style-type:square; list-style-position:inside; }
	ul li { padding-bottom:10px; }
	ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; }
	ul ul ul { margin-bottom:0px; list-style-type:circle; }
	
	ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; }
	ol li { padding-bottom:10px; }
	ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }
	ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }	
	
	
	pre, code{ border-left:3px solid #f8cc6e; background-color:#e6e2d6; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; }
	
	hr{ background-color:#e6e2d6; border:none; height:1px; margin:30px 0; }
	
	/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
	
		
	.clear { float:none; clear:both; margin:0px; padding:0px; }
	.float-right { float:right; }
	.float-left { float:left; }
	.center { width:100%; text-align:center; }
	.hidden { display:none;}	
	.post-edit-link { background:#e5e5e5; color:#5a5a5a; float:right; clear:both; margin:20px 0px 0px; line-height:24px; padding:0px 10px; font-size:12px; }
	.post-edit-link:hover { background:#4C4C4C; color:#ffffff; text-shadow:0px 1px 0px #0e4b6e; }	
	
	/*----*****---- << Tables >> ----*****----*/
	
	table{ border-collapse:separate; border-spacing:0; margin-bottom:0px; clear:both;  border-bottom:0px; border-right:0px;  }
	td{ font-size:14px; line-height:normal; text-align:left; padding:4px; vertical-align: middle;}

	table.grilla {border:1px solid #dfdfdf;}
	table.grilla th{ background:#333334; color:#ffffff; border-bottom:5px solid #dfdfdf; border-right:1px solid #e4e4e4; padding:10px; font-size:16px; line-height:normal; font-weight:bold; text-transform:uppercase; text-align:center; }
	table.grilla td{ border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f7f7f7; font-size:14px; line-height:normal; text-align:center; padding:8px; }

	  /*----*****---- << PIE >> ----*****----*/
	
	.button, .demo-btn a.demo, .demo-btn a.purchase, .portfolio .image-overlay a span, ul.tabs-vertical-frame li a span { behavior:url(PIE.htc); }
	
	 ul.tabs-vertical-frame li a span  { position:relative\0/; z-index:1\0/; } 	
	
	
	.portfolio .image-overlay a.zoom, .portfolio .image-overlay a.link, ul.products li .product-thumb .product-overlay a, .portfolio .image-overlay a span { z-index:-1\0/; }
	.portfolio:hover .image-overlay a.zoom, .portfolio:hover .image-overlay a.link, ul.products li .product-thumb:hover .product-overlay a, .portfolio:hover .image-overlay a span { z-index:1\0/; }
		
	/*----*****---- << Forms >> ----*****----*/
	
	label{ font-size:14px; color:#2e2a2b; font-weight:bold; font-size:14px; min-width: 180px; display: block; }
	label span{ color:#b4b4b4; }

	fieldset{ border:1px solid #efefef; padding:15px; margin:0 0 20px 0; }
	legend{ font-weight: bold; }
	
	input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea{ background:#ffffff; border:1px solid #dddddd;  border-radius:5px; color:#666666; padding:5px 15px; display:block; font-size:15px; margin:0; }
	input[type="text"].error, input[type="email"].error { padding:13px !important; }
	input[type="checkbox"] {margin-right: 6px;}
	input[type="checkbox"] + label {display: inline; font-weight: normal;}
	input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input.text:focus, textarea:focus{ border-color:#a1a1a1; }
	input[type="text"], input[type="email"], input[type="password"], input.text, textarea, input[type="tel"] { width:95%; }
	textarea { height:85px; overflow:auto; resize:none; }
	select{ background:#ededed; border:1px solid #c4c4c4; padding:10px; margin:10px 0 10px; display:inline; line-height: 22px; }
	
	input[type=submit], input.button, input[type=button] { background: #ED7D33; box-shadow: 0 3px #D96E27; color:#ffffff; text-transform:capitalize; margin:0; font-size:16px; padding:8px 35px; cursor:pointer; }	
	input.button:hover { background: #D96E27;}
	.button {
		padding:11px 20px;
		display:inline-block !important; 
		*display:inline; 
		zoom:1; 
		margin:10px; 
		cursor:pointer; 
		font-size:15px; 
		border-radius:5px;

	}
	.newbutton {
		background: #ED7D33 url(../images/icon-new-button.png) no-repeat 7px 1px !important;
		padding-left: 40px;
		box-shadow: 0 3px #D96E27;
	}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .sorting-container a { color:#f39d12; }	
#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a  { color:#ffba4a; } 


/*----*****---- << Definition Lists >> ----*****----*/
	.ddl{border: 0; margin: 0; padding: 6px 1px 6px 1px; background: #ffffff; border: 1px solid #dddddd;}
	dl { margin:0px 20px; }
	dl.gallery-item { margin:0px; }
	.gallery-caption { margin-bottom:10px; }
	.gallery-item img { border:2px solid #C4C1AE !important; }
	dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
	dd { margin-bottom:20px; line-height:20px; }	

/*----*****---- << Intro text >> ----*****----*/
	
	.intro-text { background:#f5f5f5; border-top:5px solid #eff0f0; border-bottom:5px solid #eff0f0; float:left; width:100%; text-align:center; }
	
	.intro-text .container { padding:40px 15px 50px; }
	
	.intro-text h2 { font-size:50px; }
	
	.demo-btn { display:inline-block; position:relative; margin:0 auto; font-size:16px; font-weight:600; *width:300px; }
	.demo-btn a { float:left; padding:30px; color:#ffffff;  text-transform:capitalize; }
	.demo-btn a.purchase { border-top-left-radius:15px; border-bottom-left-radius:15px;  }
	.demo-btn a.demo { border-top-right-radius:15px; border-bottom-right-radius:15px; }
	.demo-btn span { font-size:16px; font-weight:600; line-height:29px; background:#fff; padding:0px; width:30px; height:30px; border-radius:30px; position: absolute; top:32%; left:48%; left: 48%\0/; *left: 45%;  }
	
/*----*****---- << Portfolio >> ----*****----*/
	
	.sorting-container { float:left; clear:both; margin:0px 0px 30px; padding:0px; width:100%; }
	.sorting-container a { font-size:16px; line-height:50px; padding:0px 15px; background:#f5f5f5; margin:0px 1px 10px 0px; float:left; border-bottom:3px solid #eff0f0; position:relative; }
	
	
	.portfolio { background:#f6f6f6; margin-bottom:20px; }
	.portfolio.one-third { width:31.9%; }
	
	.portfolio .portfolio-thumb { float: left; overflow: hidden; padding: 0; position: relative; width:100%; }
	.portfolio-thumb > img { float:left; display:block; }
	
	.portfolio.one-third .portfolio-thumb img { height:225px; }
	
	.portfolio-title { float:left; width:70.2%; margin-top:3px; padding:0 10px; }
	.portfolio-title h4 { font-size:20px; }
	.portfolio-title h4, .portfolio-title p { margin-bottom:0; }
	.portfolio-title p  a, .portfolio-title p { color:#9a9a9a; text-transform:capitalize; }
	
	.portfolio-detail { display: inline-block; padding: 8px 0; width: 100%; }
	.portfolio-detail .views { background:#ffffff; color:#b6b6b6; float:left; padding:8px 23px 7px; }
	.views > span { line-height:16px; }
	
	.portfolio:hover .portfolio-title h4 a, .portfolio:hover .portfolio-title p a, .portfolio:hover .portfolio-title p { color:#fff; }
	
	.image-overlay { float: left; height: 100%; left: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; transition: opacity 0.5s ease-in-out 0s; width: 100%; }
	
	.portfolio .image-overlay a span { background:#fff; border-radius: 46px; opacity: 0; filter:alpha(opacity=0); cursor: pointer; display: inline-block; font-size: 18px; height: 46px; line-height: 46px; width: 46px; text-align:center; }
	
	.portfolio:hover .image-overlay, .portfolio:hover .image-overlay a span { opacity:1; filter:alpha(opacity=100); }
	.portfolio:hover .image-overlay a span:hover { color:#b6b6b6; }
	
	.portfolio .image-overlay a { display: inline-block; position: absolute; text-align: center; }
	.portfolio .image-overlay a.link { top:40.4%; left:0; }
	.portfolio .image-overlay a.zoom { top:40.4%; right:0; }
	
	.portfolio:hover .image-overlay a.link { left:33%; }
	.portfolio:hover .image-overlay a.zoom { right:33%; }
	
	.portfolio:hover .portfolio-thumb > img { -moz-transform: scale(1.5) rotate(25deg) translate(0px); -webkit-transform: scale(1.5) rotate(25deg) translate(0px); -o-transform: scale(1.5) rotate(25deg) translate(0px); transform: scale(1.5) rotate(25deg) translate(0px); }
	

/*----*****---- << Header >> ----*****----*/
#header { 
	border-bottom:5px solid #D96E27;
	/* fallback/image non-cover color */
	background-color: #ED7D33; 
	/* Safari 4+, Chrome 1-9 */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f39d12), to(#ED7D33));
	/* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -webkit-linear-gradient(top, #f39d12, #ED7D33); 
	/* Firefox 3.6+ */
	background-image: -moz-linear-gradient(top, #f39d12, #ED7D33);
	/* IE 10+ */
	background-image: -ms-linear-gradient(top, #f39d12, #ED7D33);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(top, #f39d12, #ED7D33);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f39d12, endColorstr=#ED7D33);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f39d12, endColorstr=#ED7D33)";
}

/*----*****---- << Button >> ----*****----*/		
.button { text-shadow:1px 1px 0px rgba(0, 0, 0, 0.4); color:#ffffff; border-left:1px solid #d28810; border-top:1px solid #d28810; }
.button:hover { background:#ED7D33; border-left:1px solid #be7600; border-top:1px solid #be7600; }

/*----*****---- << Main title >> ----*****----*/
.main-title { background: #f39d12; box-shadow:0 -7px 6px #ED7D33 inset; }

/*----*****---- << Header >> ----*****----*/
	
	#header {  margin: 0; padding: 0;  width: 100%; min-height: 58px;}
	
	#logo { float:left; margin-top:5px; margin-left: 20px;}
	#logo img {width:70%;}
	
	#logo a { display: block; } 
	
/*----*****---- << Main Menu >> ----*****----*/
	

	
/* Configuration of menu width */
html body ul.sf-menu ul,html body ul.sf-menu ul li { 
  width: 150px;
}

html body ul.sf-menu ul ul { 
  margin: 0 0 0 200px;
  width: 170px;
}
html body ul.sf-menu ul li, html body ul.sf-menu ul { 
  width: 170px;
}
/* Framework for proper showing/hiding/positioning */
ul.sf-menu,ul.sf-menu * { 
  margin: 0;
  padding: 0;
}

ul.sf-menu { 
  display: block;
  position: relative;
}
  
ul.sf-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
  font-size: 16px;
  line-height: 45px;
}
ul.sf-menu li li { line-height: 20px;}
  
ul.sf-menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
  background: #D96E27;

}

ul.sf-menu a { 
  display: block;
  position: relative;
}
  
ul.sf-menu ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
}
  
ul.sf-menu ul a { 
  zoom: 1; /* IE6/7 fix */ 
}

ul.sf-menu ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}
  
ul.sf-menu ul ul { 
  top: 0;
  margin: 0 0 0 150px;
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, 
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { 
  left: auto;
}
  
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}
	/* Theming the menu */
ul#nav { 
  float: left;
}

ul#nav ul { 
  background: #D96E27;
  margin-top: 0;
  padding-bottom: 1px;
}

ul#nav li a { 
  padding: 7px 25px 6px 25px;
  text-decoration: none;
  color: #FFF;
  margin-right: 2px;
  text-transform: uppercase;
}

ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus, ul#nav li a:hover, ul#nav li a:focus{ 
  color: #fff;
}

ul#nav ul li a { 
  color: #fff;
  text-transform: none;
  padding: 6px 10px;

}

ul#nav ul li a:hover { 
  color: #fff;
  margin-right: 2px;
  background: #ED7D33;
}

/* Image Transitions */
ul#images {
  margin: 0 15px 10px 0;
  padding: 0;
  position: relative;
}

ul#images li {
  display: block;
  overflow: hidden;
  padding: 0;
  float: left;
  width: 155px;
  height: 300px;
  list-style: none;
}
	
/*----*****---- << Main >> ----*****----*/	

#main {padding: 20px; }

/*----*****---- << Footer >> ----*****----*/
 
.copyright 
{

background: #ccc;
padding: 6px;
padding-bottom: 3px;
color: #666;
border-top: 5px solid #eff0f0;
}
.copyright .social-media {  float:right; margin-bottom:0; }
	.social-media > li {  display:inline; float:left; padding-bottom:0; padding: 0 4px; }
	.copyright .social-media li a { color: #666; font-size: 12px; line-height: 28px; cursor:pointer; }



/*----------- LOGIN --------------*/

#loginBox {
position: absolute;
border-radius: 6px;
top: 30%;
left: 50%;
margin-left: -160px;
width: 240px;
background: #ED7D33;
padding:10px 30px;
}
#login { margin-top: -220px; }
input.buttonlogin {
	background: #666 !important;
	border-radius: 6px;
	margin-bottom: 10px;
	box-shadow: 0 3px #444;
}
input.buttonlogin:hover {background: #444!important;}	
table#loginForm {
	margin-bottom: 0;
}
#loginBox a:hover {color:white;}
.div-fecha {position: relative;width: 120px;float: left;padding-right: 35px;margin-right: 13px;}
.div-fecha-datepicker{position:absolute;top: 23px;right: 0;}
.div-ajustable{position: relative;width: 270px;float: left;padding-right: 35px;margin: 10px;height:50px}