/*
Theme Name: Creative by Nature
Theme URI: http://cssmayo.com/freebies/free-wordpress-themes/creative-by-nature/
Description: Portfolio theme for WordPress.
Author: cssmayo.com
Author URI: http://cssmayo.com/
Tags: dark, two-columns, fixed-width
Version: 0.1

	Creative by Nature v0.1
	 http://cssmayo.com/
	
    This theme was designed and built by CSSMayo.com

    The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
* { padding:0; margin:0; outline:0; }

body {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#c0c17e;
	background:#e4ca8d url(images/body6.jpg) repeat center 0;
}

.left { float:left; display:inline; }
.right { float:right; display:inline; }

input, textarea, select { font-size:12px; font-family: Verdana, Arial, sans-serif; border:solid 1px #222; background:url(images/box-c.png); color:#c0c17e;}
input, textarea { padding:6px 5px; }
textarea { overflow:auto; }

a img { border:0; }
.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }
a { color:#da7600; text-decoration: underline; cursor:pointer; }
a:hover { background:#da7600; color:#000; text-decoration: none;}

#shell { width:970px; margin:0 auto; }

#bg { background:url(images/bg3_2.jpg) no-repeat 0 0; min-height:900px; position:relative; width:970px; padding:0 95px 0 135px; margin:0 -95px 0 -135px; }


#header{ height:299px; position:relative; z-index:2;}
#headerimg{ color:#564d45; padding:40px 0 0 70px; height:172px; width:270px; visibility:hidden;}
#headerimg h1{ font-size:36px; line-height:36px; font-family: Georgia, serif; font-style: italic; padding-bottom:7px;}
#headerimg h1 a{ color:#564d45; text-decoration: none; }
#headerimg h1 a:hover{ background:#564d45; color:#fff; }

#navigation { font-size:19px; font-family: "Trebuchet MS", Arial, sans-serif; line-height:40px; padding-left:230px;}
#navigation ul{ list-style-type: none; height:40px; padding-top:7px; }
#navigation li{ display:inline; float:left; margin-right:20px; }

#navigation a,
#navigation a span{ float:left; display:inline; height:40px; white-space:nowrap; background:url(images/nav.png) no-repeat 0 -100px; padding:0 0 0 15px; }
#navigation a span{ padding:0 15px 0 0; background-position:right -100px;}
#navigation a { color:#fff; text-decoration: none; margin-right:3px;}

#navigation a.active, #navigation a:hover{ color:#fff; background-image: url("images/spriteme2.png");
  background-position: -10px -10px;}
#navigation a.active span, #navigation a:hover span{ background-position:right 0; }

#main { }

.box { margin-bottom:10px; position:relative; width:100%;}
.box-t, .box-b { font-size:0; line-height:0; height:9px; }
.box-t { background-image: url("images/spriteme1.png");
  background-position: 0px -531px; width:100%;}
.box-b { background-image: url("images/spriteme1.png");
  background-position: 0px -540px; width:100%; }
.box-c { background:url(images/box-c.png); width:100%; }
.box-cnt { padding:11px 20px; }

h2 { color:#ffc600; font-size: 19px; font-family: Georgia, serif;
background-image: url("images/spriteme1.png");
background-position: -10px -435px;
padding:0 0 15px 80px; line-height:23px; font-weight: normal; font-style: italic;}

.welcome h2,
h2.nobg { background:transparent; padding-left:0; color:#fff; }
h2.marcas { background:transparent; padding-left: 0; color:#000; top:-12px;}

.side-left { float:left; width:607px; }
.side-right { float:right; width:286px; }
.side-right-item{ padding:30px 0; }
.side-right-item:first-child{ padding:0 0; }
.side-right-item .campanya { padding:10px 0 0; }
.side-eq{ float:left; display:inline; width:286px; }
.side-center{ margin:0 35px; }

.more { padding-top:10px; }
.more a{ color:#fff; text-decoration: none;
background-image: url("images/spriteme2.png");
  background-position: -315px -5px; padding-left:12px; }
.more a span{ border-bottom:solid 1px #b0c306; margin-right:10px; }
.more a:hover { color:#000; }
.more a:hover span{ background:#b0c306; }

.more a.new-window span{ border-bottom:solid 1px #b0c306; margin-right:10px; 
	background:transparent url(images/new-window.png) no-repeat scroll 0 0;
	border-bottom:1px solid #B0C306;
	margin-right:10px;
	padding-left:18px;
}
.more a.new-window:hover { color:#000; }
.more a.new-window:hover span{ background:#b0c306 url(images/new-window.png) no-repeat; background-position:0 -16px !important;}

.post {}
.post h2{ background:transparent; color:#fff; padding:0 0 2px 0; font-family: Tahoma, sans-serif; font-size:16px; font-style: normal;}
.post h2.normal { color:#ffc600; font-size: 19px; font-family: Georgia, serif; padding:0; line-height:23px; font-weight: normal; font-style: italic; }
.post h2 a{ color:#fff; text-decoration: none; }
.entry { /*overflow: hidden;*/ margin-top:10px; }
.post .entry p{ padding-top:15px; }
.post .postmeta { /*padding-top:15px;*/ float:right; }

.post .entry h1 { font-size: 20px; font-weight: normal; }
.post .entry h2 { font-size: 18px; color: #C0C17E }
.post .entry h3 { font-size: 16px; color: #C0C17E }
.post .entry h4 { font-size: 14px; }
.post .entry h5 { font-size: 12px; }
.post .entry h6 { font-size: 10px; }

.post .entry ul,
.post .entry ol { padding:15px 0 0 30px;}
.post .entry li { padding-bottom:3px;}
.post .entry blockquote { padding-left:45px; background:url(images/quote.gif) no-repeat 5px 22px; min-height: 43px; }

small { color:#da7600; font-size:10px; display:block; line-height:12px; }


.headlines ul{ list-style-type: none; }
.headlines ul li{ padding-bottom:10px; }
.headlines a { color:#fff; text-decoration: none; border-bottom:solid 1px #b0c306; }
.headlines a:hover { background:#b0c306; color:#000; }

.white { color:#fff; } 

.small-thumbnails { padding-top:5px; /*font-size:0;*/ line-height:0; }
.small-thumbnails ul { list-style-type: none; }
.small-thumbnails ul li { float:left; display:inline; margin:5px 7px; height:80px; }
.small-thumbnails ul li a img {   }
/*.small-thumbnails ul li a img{ background:url(images/small-bg.gif) no-repeat 0 0; width:33px; height:33px; padding:5px; }*/
#enlacesrelacionados { list-style-type: none; }

#footer { font-size:12px; }
#footer ul { list-style-type: none; }
#footer ul li { display:inline; }
#footer .box-cnt { padding-top:16px; padding-bottom:16px; }
.footer-nav a { color:#fff; text-decoration:none; margin-right:25px; }
.footer-nav a:hover { color:#000; background:#b0c306; }

#footer .right { font-size:11px; color:#707070; line-height:16px; position:relative; margin-top:-8px; white-space:nowrap; text-align: right;}
#footer .right a { color:#b97a0c; }
#footer .right a:hover { background: #b97a0c; color: #000; }

.leaves { position:absolute; top:299px; left:0; width:290px; height:52px; background:url(images/leaves.png); }
.green-leaves { position:absolute; top:-5px; right:-35px; width:58px; height:55px;
background-image: url("images/spriteme1.png");
  background-position: 0px -474px;
}
.top-arrow { background:transparent url(images/top_arrow.png) no-repeat scroll 0 0;
bottom:100px;
height:50px;
left:1300px;
position:fixed;
width:50px;}

.welcome { padding-top:0px;}
#post-image {float:left; margin-right:30px; position:relative;}
#post-image img {
	border:1px solid #FFC100;
	padding:2px;
}
#post-content{}
.postcard-box { position:relative; width:1033px; margin:25px -31px 10px -32px; }
.postcard-box-bg { background-image: url("images/spriteme1.png");
  background-position: -10px -10px; width:1033px; height:413px;}
.postcard-box-cnt { padding:0 20px 40px 20px;}
.postcard-box-cnt h2{ position:relative; padding:20px 30px 0 30px; }
.postcard-box-cnt.p1{ background:url(images/postal1.jpg) no-repeat 33px 37px; width:1033px; height:413px;}
.postcard-box-cnt.p2{ background:url(images/postal2.jpg) no-repeat 33px 37px; width:1033px; height:413px;}
.postcard-box-cnt.p3{ background:url(images/postal3.jpg) no-repeat 33px 37px; width:1033px; height:413px;}
.postcard-box-cnt.p4{ background:url(images/postal4.jpg) no-repeat 33px 37px; width:1033px; height:413px;}
.postcard-box-cnt.p5{ background:url(images/postal5.jpg) no-repeat 33px 37px; width:1033px; height:413px;}
.postcard-box-cnt.p6{ background:url(images/postal6.jpg) no-repeat 33px 37px; width:1033px; height:413px;}
.postcard-box-cnt.p7{ background:url(images/postal7.jpg) no-repeat 33px 37px; width:1033px; height:413px;}
.postcard-box-cnt.p8{ background:url(images/postal8.jpg) no-repeat 33px 37px; width:1033px; height:413px;}
.postcard-box-cnt.p9{ background:url(images/postal9.jpg) no-repeat 33px 37px; width:1033px; height:413px;}

.projects {}
.projects ul{ list-style-type: none; }
.projects ul li{ float:left; display:inline; width:316px; height:330px; background:url(images/project-bg.png) no-repeat 0 0; margin-left:10px;}

.projects ul li .image{ font-size:0; line-height:0; padding:23px 0 0 14px; height:260px; }
.projects ul li .image a { background:transparent !important; }
.projects ul li .image a img{ border:solid 1px #858585; width:287px !important; height:227px !important; }
.projects ul li h3 a { color:#000; text-decoration: none; background:transparent !important; }
.projects ul li h3 a:hover { color:#ffc600; }
.projects ul li .info{ padding:0 20px; }
.projects ul li .view{ float:right; color:#60390b; padding-top:3px; font-size: 15px; line-height:17px; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", sans-serif; background:transparent !important; }
.projects ul li .view:hover { color:#ffc600; }

h3 { font-size:18px; color:#fff; font-family:Georgia,serif; font-weight: normal; line-height:25px; font-style:italic;}

.two-columns { background:url(images/dash3.gif) repeat-y 645px 0;}
.three-columns { background:url(images/dash-three2.gif) repeat-y 323px 0;}

.posts { padding-top:30px; }
.hidden { display:none;}

#sidebar ul { list-style-type: none;}
#sidebar ul li{ padding-bottom:20px; }
#sidebar ul.info li img{ border:1px solid #FFC600; padding:3px;}
#sidebar ul li ul{ padding-left:35px; }
#sidebar ul li ul#comentarios{ padding-left:0px;}
#sidebar ul li ul ul{ padding-left:15px; }
#sidebar ul li a { color:#fff; text-decoration: none; border-bottom:solid 1px #b0c306;}
#sidebar ul li a:hover { background:#b0c306; color:#000; }
#sidebar ul li li{ padding-bottom:2px;  }

.posts .post { padding-bottom:20px; margin-bottom:30px; border-bottom:dashed 1px #E9CF94; }


/*** Hovers ***/
.post h2 a:hover { background:#fff; color:#000; }

.nav { height:40px; font-size:11px; white-space:nowrap; }
.alignleft { float:left; }
.alignright { float:right; }

.single { padding-left:20px; padding-right:20px; }

#respond { padding-top:31px; margin-top:5px; border-top:dashed 1px #2b2f30; }
#respond p { padding-bottom:10px; }
#respond small { display:inline; }
#respond input,
#respond textarea{ border:solid 1px #222; background:url(images/box-c.png); color:#c0c17e; }
#respond input { width:200px;}
#respond input#submit { cursor:pointer;}
#respond textarea { width:500px; height:170px; }

#respond h3, h3#comments { color:#c0c17e; padding-bottom:15px; }

ol.commentlist { list-style-type: none;}
ol.commentlist li{ padding-bottom:35px; }
ol.commentlist li ul.children { list-style-type: none; margin-left: 15px; padding-left: 15px; margin-top: 15px;}
ol.commentlist li ul.children li {
    padding-bottom: 0;
}
ol.commentlist li p{ padding-top:10px; }
ol.commentlist .commentmetadata{ font-size:11px; }
ol.commentlist img{ float:right; padding:1px; border:solid 1px #333; }

.nobrd { border:0 !important;}


.portfolio ul { list-style-type: none; padding-top:15px;}
.portfolio ul li{ padding-bottom:30px; width:100%;}
.portfolio .image{ float:left; width:190px; margin-top:10px; }
.portfolio .image a { background:transparent !important; }
.portfolio .image a img{ max-width:200px; max-height:170px; padding:1px; border:solid 1px #fff; }
.portfolio .image a:hover img{ border-color:#999; }
.portfolio .info { float:left; display:inline; width:390px; margin-left:20px; }
.portfolio h3 { font-family: Georgia, serif; font-size:19px; line-height:22px; font-style:italic; color:#ffc600;}
.portfolio .entry p { padding-top:10px; }
.portfolio h3 a{ text-decoration: none; color:#ffc600;}
.portfolio h3 a:hover{ background:#ffc600; color:#000;}
.portfolio .long-info { padding-top:20px; }

.info .entry { margin-top:0px; }

#sandalias_destacadas img {
border-color:#FFC100;
border-style:solid;
border-width:1px 10px 1px 1px;
margin:5px 57px;
}

.screen-reader-text { display:none;}

#searchform input { width:180px; }
#searchform input#searchsubmit { width:80px; }


#facebook { padding-top:10px;}
#twitter_div { padding-top:10px;}
#twitter_update_list { list-style:none;}
#twitter_update_list li { background:url("images/bul.gif") no-repeat scroll 0 5px transparent !important;
padding:0 0 5px 12px;
text-decoration:none;}

/* Gallery styles */

#marcas{
	/* CSS3 Box Shadow */
	/*-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;*/

	/* CSS3 Rounded Corners */

	/*-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	border:1px solid white;*/

	/*background:url(img/panel.jpg) repeat-x bottom center #ffffff;*/

	/* The width of the gallery */
	left:13px;
	overflow:hidden;
	position:relative;
	width:970px;
}

#marcas a:hover { background:transparent; !important}

#slides-marcas{
	/* This is the slide area */
	height:291px;

	/* jQuery changes the width later on to the sum of the widths of all the slides-marcas. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu-marcas{
	/* This is the container for the thumbnails */
	height:50px;
	margin:8px auto;
	width:970px;
	overflow:hidden;
}

ul{
	margin:0px;
	padding:0px;
}

li.menuItem{
	width:120px;
	/* Every thumbnail is a li element */
	display:inline-block;
	list-style:none;
	height:80px;
	overflow:hidden;
	float:left;
}

li.inact:hover a{
	/* The inactive state, highlighted on mouse over */
	width:150px;
	display:inline-block;
	list-style:none;
	height:80px;
	overflow:hidden;
	 background-image: url("images/spriteme2.png");
  background-position: -185px -10px;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	 background-image: url("images/spriteme2.png");
  background-position: -185px -10px;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(images/divider.png) no-repeat right;
}

/*li a{
	display:block;
	background:url(images/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}*/

a img{
	border:none;
}
/* end Gallery styles */

/******** Agent's map styles ******/
#mapa{
	 width:500px; height:450px;
	 position:relative;
	 margin:0 auto;
}

.mapa {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#galicia { 
background:transparent url(images/mapa_agentes.png) no-repeat scroll 0 0;
float:left;
height:83px;
position:absolute;
top:8px;
left: 48px;
width:81px;
}
#norte {
background:transparent url(images/mapa_agentes.png) no-repeat scroll 0 -81px;
float:left;
height:50px;
left:169px;
position:absolute;
top:17px;
width:95px;
}
#noroeste {
background:transparent url(images/mapa_agentes.png) no-repeat scroll 0 -133px;
float:left;
height:150px;
left:106px;
position:absolute;
top:16px;
width:229px;
}

#noreste {
background:transparent url(images/mapa_agentes.png) no-repeat scroll 0 -281px;
float:left;
height:100px;
left:309px;
position:absolute;
top:41px;
width:95px;
}
#este {
background:transparent url(images/mapa_agentes.png) no-repeat scroll 0 -382px;
float:left;
height:144px;
left:218px;
position:absolute;
top:123px;
width:113px;
}
#centro {
background:url(images/mapa_agentes.png) no-repeat scroll 0 -520px transparent;
float:left;
height:124px;
left:88px;
position:absolute;
top:105px;
width:198px;
}
#sur {
background:transparent url(images/mapa_agentes.png) no-repeat scroll 0 -650px;
float:left;
height:157px;
left:84px;
position:absolute;
top:179px;
width:198px;
}
#baleares {
background:transparent url(images/mapa_agentes.png) no-repeat scroll 0 -793px;
float:left;
height:61px;
left:400px;
position:absolute;
top:154px;
width:100px;
}
#canarias {
background:transparent url(images/mapa_agentes.png) no-repeat scroll 0 -852px;
float:left;
height:119px;
left:0;
position:absolute;
top:355px;
width:198px;
}

/** hovers **/
#galicia.active, #galicia:hover { background-position:-264px 0; z-index:10; cursor:pointer;}
#norte.active, #norte:hover {background-position:-264px -81px; z-index:10; cursor:pointer;}
#noroeste.active, #noroeste:hover { background-position:-264px -133px;  cursor:pointer; }
#noreste.active, #noreste:hover { background-position:-264px -281px; z-index:10; cursor:pointer;}
#este.active, #este:hover {background-position:-264px -382px; z-index:10; cursor:pointer;}
#centro.active, #centro:hover { background-position:-264px -520px; z-index:10; cursor:pointer;}
#sur.active, #sur:hover { background-position:-264px -650px; z-index:10; cursor:pointer;}
#baleares.active, #baleares:hover {background-position:-264px -793px; z-index:10; cursor:pointer;}
#canarias.active, #canarias:hover { background-position:-264px -852px; z-index:10; cursor:pointer;}

#info-agente {
line-height:15px;
margin-left:40px;
width:230px;
}
#info-zona {
margin-left:40px;
list-style:none;
}
.region {
color:#FFFFFF;
font-family:Georgia,serif;
font-size:17px;
font-style:italic;
font-weight:normal;
line-height:25px;
margin:15px -30px;
}
.nombre, .subagente{
list-style-image:url('images/user.png');
font-weight:bold;
margin-top:5px;
}
.movil1,.movil2, .movil1_sub, .movil2_sub {
list-style-image:url('images/mobile.png');
list-style-position:inside;
}
.fijo, .fijo_sub {
list-style-image:url('images/phone.png');
list-style-position:inside;
}
.despacho {
list-style-image:url('images/building.gif');
margin-top:10px;
}
.email {
list-style-image:url('images/send_mail.png');
/*direction:rtl;
unicode-bidi:bidi-override;
text-align: left;*/

}
.email a{color:#993300; text-decoration:none;}


/****** end agent's map *****/

/****** catalogos ******/
#gallery {
margin:30px auto 0;
width:600px;
}
#gallery ul {
list-style:none outside none;
margin:0;
overflow:hidden;
padding:0;
}
/*#gallery #pic {
border-bottom:1px dashed #E9CF94;
margin-bottom:10px;
min-height:375px;
padding-bottom:15px;
}*/
#gallery #pic li {
overflow:hidden;
}
#pic .caption {
clear:both;
float:left;
width: 47%;
}
#pic .caption span {
color:#FFC600;
font-family:Georgia,serif;
font-size:17px;
font-style:italic;
font-weight:normal;
}
.gallery-image {
/*float:left;*/
}
#pic .gallery-image img {
/*border:1px solid #FFC100;
height:auto;
padding:2px;
width:500px;*/
border-color:#FFC100;
border-style:solid;
border-width:1px 10px 1px 1px;
height:auto;
padding:2px;
width:580px;
}
#pic div ul {
/*padding: 0 10px;*/
padding:10px 0;
}
#pic div ul li {
/*padding-bottom: 0px;*/
float:left;
padding:0;
width:70px;
}
#pic div ul li img {
border:1px solid #CCCCCC;
padding:3px;
width:50px;
height:auto;
cursor:pointer;
}
#gallery #thumbs li {
margin:6px;
width:154px;
}
#gallery #thumbs li img {
border:1px solid #CCCCCC;
padding:3px;
}
#thumbs {
/*padding:20px 0;*/
/*min-height:280px;*/
}
/*#thumbs ul li */
div.scrollable .items li{
float:left;
height:70px;
margin:10px;
width:120px;
}
.gallery-thumb img {
border:1px solid #CCCCCC;
cursor:pointer;
height:auto;
padding:2px;
width:110px;
}
.gallery-thumb-colours, .ratings {
display:none;
}
.gallery-thumb-colours.active , .ratings.active {
display:block;
}

.gallery-thumb-colours.active {
padding-bottom:15px;
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 330px;	 
	width: 280px;
	/*border-top:1px solid #ddd;	*/
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
/*.items div {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	font-size:12px;
	height:180px;
}*/

/* elements inside single item */
/*.items img {
	float:left;
	margin-right:20px;
	height:180px;
	width:240px;
}

.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}*/

/* the action buttons above the scrollable */
#actions {
	left:238px;
	margin:0 0 10px;
	position:relative;
	width:32px;
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}