/*  

Theme Name: GoBackGrounds
Theme URI: http://www.gobackgrounds.com
Description: 
Version: 1.0
Author: Bracket Media
Tags: Implementacion por South Solutions
Author URI: http://www.BracketMedia.com

*/




/*generales*/
/*	*{ padding:0; margin:0; }	*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html { /*esto nos permite forzar la barra de scroll en firefox*/
   height: 100.02%;
} 
body {
	line-height: 1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	border-top: 1px solid #BDC0C8;
	padding-bottom: 10px;
	margin-top: 1px;
	width: 100%;
	padding: 0px;
	background: url(images/bg-body.png) repeat-x top center;
	/*overflow-x: hidden;
	overflow-y: visible;*/
	height: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content:none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */ 
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */ 
table {
	border-collapse: collapse;
	border-spacing: 0;
/*  position:relative;
  z-index:999px;*/
}

a{
	color:#666666;
	text-decoration: none;
}
#layout a:hover {
	text-decoration: underline;
	color: #84C81B;
}
.bt-bub{
	background: url(images/bt-bubble-left.gif) no-repeat center left;
	padding-left: 5px;
	display: inline-block;
	cursor: pointer;		
}
.bt-bub span{
	background: url(images/bt-bubble-right.gif) no-repeat center right;
	line-height: 22px;
	height: 22px;
	padding-left: 2px;	
	padding-right: 7px;
	display: inline-block;
	cursor: pointer;
	font-size: 9px;
}
.bt-bub span img{
	padding-left: 5px;
}
p, #content ul li {
	font-size: 11px;
	line-height: 1.5;
}
p.smallfont{
	font-size: 9px;	
}
p + p {
	padding-top: 15px;
}

h1 {

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 4px;
	color: #666666;
	letter-spacing: -0.002em;
}
h2 img{
	vertical-align: middle;
}
.hr{
	margin-top: 15px;
	border-top: 1px solid #F7F7F7;
	padding-bottom: 10px;
}
.yoo-carousel .hr{
	margin-top: 1px;	
	padding-bottom: 2px;
	border-top: 1px dotted #DADADA;	
}
.yoo-carousel .white-space{
	width: 420px;
	background: url(images/stripe.png) repeat-x bottom center;
	height: 300px;
	display:block;
    opacity: 0.3;
    filter: alpha( opacity = 30);	
}
img {

}
input, textarea, select{
	border: 0;
	background: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	letter-spacing: 0.02em;
}
input[type=submit]{}

input[type=button]{}

input[type=text]{}

input[type=password]{}

.input-field{
	padding: 1px 0 1px;
}
.input-field label{
	font-size: 10px;
	line-height: 1.3;
}
.input-field .input-text{
	background: url(images/bg-input-138.gif) no-repeat top center;
	width: 132px;
	padding: 3px 3px 2px 3px;
}
.input-field .input-text110{
	background: url(images/bg-input-110.gif) no-repeat top center;
	width: 104px;
	padding: 3px 3px 2px 3px;	
}
.input-field .input-text:focus, .input-field .input-text:hover , .input-field .input-text110:hover , .input-field .input-text110:focus{
	background-position: bottom center;
}
.bt-go{
	background: url(images/bt-go.png) no-repeat center center;
	cursor: pointer;
	height: 25px;
	padding: 3px;
	width: 25px;
}
.bt-search{
	background: url(images/bt-search.gif) no-repeat center center;
	cursor: pointer;
	height: 21px;
	padding: 3px;
	width: 47px;	
}
.margen_s {	margin: 5px;	}
.margen_m {	margin: 10px;	}
.margen {	margin: 15px;	}
.margen_l {	margin: 20px;	}
.padd_s {	padding: 5px;	}
.padd_m {	padding: 10px;	}
.padd {	padding: 15px;	}
.padd_l {	padding: 20px;	position: relative;}
.padd0 {	padding: 0px !important;	}
.marg0 {	margin: 0px !important;	}

.clear {	clear: both;	}

.left {	text-align: left !important;	}
.center {	text-align: center !important;	}
.right {	text-align: right !important;	}

.fright {	float: right !important;	}	
.fleft {	float: left !important;		}
.no-bg {     background: none !important;		}

.vtop{ vertical-align: top; }
.vmidd{ vertical-align: middle;; }
#yoo-carousel-1 .vmidd p {
    line-height: 35px;
}
.green{ color: #669933;	}
/*end generales*/
.bg-flowers{
	background: url(images/bg-flowers.png) no-repeat  50% 165px ; 
	width: 100%;		
}

#layout{
	width: 920px;
	margin: 0px auto;
}

#header{
	width: 920px;	
	height: 105px;
	float: left;
	background: url(images/bg-head.png) no-repeat top left; 
    position: relative;	
}
.top-nav{
	position:absolute;
	right:10px;
	top:20px;
}
.top-nav p{
	color: #666666;
	font-size: 10px;
	line-height: 1.8;
}
.top-nav p a{
	color: #666666;	
	padding: 2px;
	line-height: 18px;
	height: 18px;
	display: inline-block;
	cursor: pointer;
} 
#logo{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
}
#logo, #logo a{
	width: 265px;	
	height: 105px;
	float: left;
}
#logo a{
	background: url(images/logo.png) no-repeat 0px 10px;
}
#logo a span{
	display:none;
}

#navigation{
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bg-nav-left.png) no-repeat top left; 
	position:relative;
	padding-left: 10px;
	padding-bottom: 30px;
	float: left;
	clear: both;
 	width: 910px;
}
/* nav */
.menu2 { margin-bottom:0; height:32px; background: url(images/bg-nav-right.png) no-repeat top right; position:relative;	padding-right: 10px; width: 900px;}
.menu2 li.top {
    display: block;
    float: left;
    position: relative;
    background: url(images/bg-nav.png) repeat-x top right;
    padding-right: 1px;
}
.menu2 li a.top_link {
	display:block;
	float:left;
	height:32px;
	line-height:32px;
	color:#666;
	text-decoration:none;
	font-size:12px;
	font-weight: normal;
	cursor:pointer;
}
.menu2 li a.top_link span {float:left; display:block; height:32px; padding: 0 30px; text-align: center;  min-width: 50px;}
.menu2 li a.top_link span.down {float:left; display:block; height:32px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color: #84C81B;  background: url(images/bg-nav-a.png) no-repeat center bottom;  text-decoration: none;}
.menu2 li a.top_link:hover span { background: url(images/bg-nav-a.png) no-repeat center top; text-decoration: none;}
.menu2 li a.top_link:hover span.down {background: url(images/bg-nav-a.png) no-repeat center top; text-decoration: none;}

.menu2 li:hover > a.top_link {color: #84C81B; background: url(images/bg-nav-a.png) no-repeat center top; text-decoration: none !important;}
.menu2 li:hover > a.top_link span {background: url(images/bg-nav-a.png) no-repeat center top; text-decoration: none !important;;}
.menu2 li:hover > a.top_link span.down {background: url(images/bg-nav-a.png)  no-repeat center top; text-decoration: none !important;;}

.menu2 li:active > a.top_link , .menu2 li.active > a.top_link  {color: #84C81B; background: url(images/bg-nav-a.png) no-repeat center top; text-decoration: none !important;}
.menu2 li:active > a.top_link{background: url(images/bg-nav-a.png) no-repeat center top; text-decoration: none !important;;}
.menu2 li:active > a.top_link span.down, .menu2 li.active > a.top_link span.down  {background: url(images/bg-nav-a.png)  no-repeat center top; text-decoration: none !important;;}

.menu2 li.active > a.top_link span{
	font-weight: bold;
}
/*
.menu2 a.top_link:active, .menu2 li a.active{
	background-position: center bottom;
}
.menu2 a.top_link:active span, .menu2 li a.active span{
	background-position: center bottom;
}
*/
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:101;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0px; top:32px; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ height: 20px ; line-height: 20px; font-weight:normal; width: 800px; padding: 6px 0 4px 0;}
.menu2 :hover ul.sub li {display: inline; position:relative; border-left:1px solid #E6E9EB; margin-bottom:0;float: left; height: 20px }
.menu2 :hover ul.sub li.first-li { border-left: none;}
.menu2 :hover ul.sub li a {display: inline; height: 20px ; float: left;  line-height: 20px; font-size:12px; letter-spacing: 0.02em; padding:0px 10px; color: #666; text-decoration:none;}


.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2:hover ul:hover ul:hover ul:hover ul:hover ul {
    left: 0px;
    top: 33px;
    padding: 0; /* white-space:nowrap; */
    z-index: 100;
    height: 20px;
}
.menu2 :hover ul.sub li ul { border-top:1px solid #252525; background: #171717; :300; }
#GOBACK{
	float: right;
}
#GOBACK a{
	background: url(images/tel.png) no-repeat center center;
	display: block;
	width: 149px; 
	height: 28px;
	padding: 2px 0;
	cursor: auto;
}
#GOBACK a:hover{
	background-position: center center;
}
#GOBACK a span{
	display: none;
}
/* end nav */

#content{
	min-height: 400px;
	padding: 5px 0 0px;
	clear: both;
}
/*
#content a {
	text-decoration: underline !important;
	color: #3366ff !important;
}
#content a:hover {
	text-decoration: none !important;
	color: #3366ff !important;
}
*/
#content ul{
	padding: 15px 0 0px 0px;	
}
#content ul li{
	padding: 0 0 5px 18px;
	background: url(images/ul_li.png) no-repeat 2px 6px
}
#content .content-wrapper{
	width: 737px
}
#content .sidebar-wrapper{
	width: 168px;
}
#content .banner{
	padding: 0px 0 0px;	
	display: compact;
	height: 156px;
}
#content .box{
	border: 1px solid #D8D7D7;
	padding: 2px;
	background: #ffffff;
}

#content .marg-top{
	margin-top: 13px;
}
#content .box .gradient{
	background: url(images/box-gradient.png) repeat-x top center;
	padding: 10px;
}
#content .box2{
	width: 190px;
	background: url(images/box2.png)  no-repeat 0px 0px;
}
#content .box2 .gradient{
	padding: 12px;
	background: none;
}
.pagger{
	margin: 0 auto;
	width: 166px;
	display: compact;
	background: url(images/box2.png)  no-repeat 0px 0px;	
	padding: 12px;		
}
#footer{
  clear:both;
  position:relative;
}
#footer p{
	font-size: 10px;
	padding: 0px;
	line-height: 3;
}
#footer .l-h{
	line-height: 5;
}
.top-border{
	border-top:1px solid #fff;	
}
.end-clear{
	height: 5px;
	width: 100%;
	position: relative;
	background: url(images/bg-body-bottom.png) repeat-x center center;
	clear: both;
}
/*span*/
.span10{width:10px !important;}
.span30{width:30px !important;}
.span50{width:50px !important;}
.span60{width:60px !important;}
.span70{width:70px !important;}
.span80{width:80px !important;}
.span90{width:90px !important;}
.span100{width:100px !important;}
.span120{width:120px !important;}
.span130{width:130px !important;}
.span150{width:150px !important;}
.span190{width:190px !important;}
.span200{width:200px !important;}
.span250{width:250px !important;}
.span270{width:270px !important;}
.span300{width:300px !important;}
.span350{width:350px !important;}
.span400{width:400px !important;}
.span450{width:450px !important;}
.span460{width:460px !important;}
.span500{width:500px !important;}
.span600{width:600px !important;}
.span660{width:660px !important;}
.span920{width:920px !important;}
.w100{width:100% !important;}
/*end span*/

/* calendar table */
#wp-calendar{
	width: 100%;
	border-top: 1px solid #DDDDDD;	
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #fff;	
}
#wp-calendar th {
    color: #290000;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
	text-align:center;	
}

#wp-calendar td{
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
    color: #290000;
    line-height: 16px;	
	padding:2px;
    font-size: 12px;	
	text-align:center;
}
#wp-calendar td.weekend{
	background: #EEEEEE;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;		
}
#wp-calendar a{
	color: #84C81B;
}
/* end calendar table */
.btn-top-right {
	position: absolute;
	float: right;
	top: 20px;
	right: 0;
	width: 185px;
	background: url(http://www.gobackgrounds.com/wp-content/themes/goback_v1/images/pdfIcon16x16.gif) top left no-repeat;
	padding-left: 20px;
}

.btn-top-right a{
	font-size: 11px;
}

/* popup */

.pop-up{
	display: none;	
	position: fixed;
	width:100%;
	height:100%;	
	top: 0;
	left: 0;
}
.pop-up div.pop-back {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/body-bg2.png) repeat-x top center;
    z-index: 10901;
    display: block;
    opacity: 0.5;
    filter: alpha( opacity = 50);
}
.pop-up div.pop-box{
	position:absolute;
	left:50%;
	margin-left: -311px;
	top: 140px;
	width: 561px;
	height: 389px;	
	background: url(images/popup.png) no-repeat top left;
	padding: 15px 35px 0 26px;
	z-index: 10902;	
}
.pop-up div.pop-login{
	position:absolute;
	right:50%;
	margin-right: -380px;
	top: 30px;
	width: 186px;
	height: 147px;	
	background: url(images/login-bub.png) no-repeat bottom left;
	padding: 40px 5px 0 25px;
	z-index: 109010;		
}
.pop-up a.close-bt{
    background: url(images/close_bt.png) no-repeat scroll bottom right;
    clear: both;
    color: #84C81B;
    cursor: pointer;
    float: right;
    font-size: 9px;
    font-family: verdana;
    font-weight: normal !important;
    line-height: 16px;
    padding: 1px 12px 1px 5px;
	text-decoration: none;
}
.pop-up a.close-bt:hover{
	color: #272727 !important;
    text-decoration: line-through;
	background-position: top right;
}
.pop-up h2{
	color: #666666;
	font-size: 17px;
	padding:0px;
	margin: 0px;	
	line-height: 1.2;
}
.pop-up p{
	padding:0px;
	margin: 0px;
	padding-top: 10px;		
	color: #666666;
}
.pop-up .scroll-p{
	overflow-x: hidden;
	overflow-y: auto;
	height: 340px;
	margin-top: 10px;
}
.pop-up .scroll-p p{
	padding-right: 5px;
}

/* end popup */


/* Modificaciones South solutions */
.green a { color: #669933;	}
.ddsg-wrapper {
	font-size: 11px;
	line-height: 1.5;
	text-decoration: none;
	padding-right:10px;
	letter-spacing: -1px;
	list-style:none;
	margin:0px 0px 30px 15px;
}
.ddsg-wrapper li{ padding-left: 13px; margin-bottom: 5px; }
.ddsg-wrapper li ul{ margin-bottom: 5px; list-style:none; margin-left: 5px; }
.ddsg-wrapper li ul li{ font-weight:normal; padding-left: 12px; margin-bottom: 5px; }
.ddsg-wrapper li a {   text-decoration:none;color:#66666; }
.ddsg-wrapper li a:hover { text-decoration:underline;color:#669933; }
.ddsg-wrapper li ul li a {   text-decoration:none;color:#666666; }
.ddsg-wrapper a {   text-decoration:none;color:#666666; }
.ddsg-wrapper a:hover { text-decoration:underline;color:#669933; }

.navigation {
	font-size: 11px;
	display: block;
	text-align: center;
	line-height: 1.5;
}
.alignleft {
	float: left !important;
}	
.alignleft a { color: #666666;	}	
.alignleft a:hover { color: #669933;	}	
.alignright {
	float: right !important;
}
.alignright a { color: #666666;	}	
.alignleft a:hover { color: #669933;	}	
.vcard {
	float: left;
display:block;
}
.fn, .says{
	color: #666666;
	font-size: 11px;
	font-style: normal;
}
.comment-meta{
	color: #666666;
	font-size: 11px;
	font-style: normal;
	clear:both;
	padding-bottom: 5px;
}
.comment-body{
display:block;
	margin-top: 15px;
	padding-top: 25px;
	border-top: 1px solid #F7F7F7;
	padding-bottom: 10px;
}
.bt-arrow {
	background: url(images/bt-go.png) no-repeat center center;
	cursor: pointer;
	height: 25px;
	padding: 3px;
	width: 25px;
}

.input-field-comments{
	padding: 1px 0 1px;
}
.input-field-comments label{
	font-size: 10px;
	line-height: 1.3;
}
.input-field-comments .input-text{
	background: url(images/bg-input-438.gif) no-repeat top center;
	width: 438px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 15px;
}
.input-textarea{
	background: url(images/bg-textarea-675.gif) no-repeat top center;
	width: 675px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 15px;
}
.input-textarea-holder {
	background: url(images/bg-textarea-contact.gif) no-repeat top center;
	width: 675px;
	height: 100px;
	padding:0 0 0 2px;
}
.input-textarea-holder textarea {
	height:85px;
	padding:5px;
	width:663px;
}
.input-textarea#comment {
	background: url(images/bg-textarea-contact.gif) no-repeat top center;
}
.input-field-comments .input-text110{
	background: url(images/bg-input-110.gif) no-repeat top center;
	width: 104px;
	padding: 3px 3px 2px 3px;	
}
.input-field-comments .input-text:focus, .input-field .input-text:hover , .input-field .input-text110:hover , .input-field .input-text110:focus{
	background-position: bottom center;
}
#wp-calendar caption {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

#wp-calendar .pad {
	font-size: 10px;
	line-height: 1.3;
}
#pdf { padding: 0px; margin:0px 0px 10px; list-style:none; }
#pdf li{ background: url(images/pdfIcon16x16.gif) no-repeat left center; padding: 3px 0px 3px 12px; margin:0px; line-height: 130%; list-style:none; }
#pdf li a{ text-decoration:none; list-style:none; }
#pdf li a:visited{ text-decoration:none; }
#pdf li a:hover{ text-decoration:none; }
div.smallfont{
	font-size: 9px;	
}

#login_link {
	font-size: 10px;
}

.hr2{
	padding-top: 5px;
	border-top: 1px solid #F7F7F7;
	padding-bottom: 5px;
}
.black{ color: #000000;	}
#black{ color: #000000;	}
#gris{ color: #666666;	}

.padd_l_blog {	padding: 20px;	}
.padd_l_blog  p{
	color: #000000;
	position: relative;
}

.padd_l_blog p a{
	color:#669933;
	text-decoration: none;
}

.padd_l_blog h3{
	color:#669933;
	font-size: 11px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.padd_l_blog ul{
	color:#669933;
	margin-top: 15px;
	margin-bottom: 10px;
	list-style-type: circle;
}

.padd_l_blog li{
	color: #000000;
	list-style-type: none;
}

.padd_l_blog p a:hover {
	text-decoration: underline;
}

#green{ color: #669933;	}

#contactus {
	font-size: 10px;
	color: #000000;
}

.contact-record {
	
}
.contact-record .info {
	float:left;width:550px;margin-left:10px;
}
.contact-record .picture {
	float:right;width:50px;margin-right:10px;
}
.contact-record .picture div {
	background:#e5e5e5;width:48px;height:48px;
}
.contact-record .picture div img {
	background:white;padding:1px;margin:1px;
}
.contact-record a, .contact-record a:hover {
	color:#3366FF !important;
	text-decoration: underline !important;
}
