@charset "utf-8";
/*
-------------------------------------
Casa Viva General Template
Developed by Jorge Umaña-Castillo
www.neoav.com © MMX
-------------------------------------
/* ! =========== Empiezan los estilos ============ */


/* Definiciones de contenedores generalisimos divs */

body {
	font: 12px 'Open Sans', Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	background-color: #FFF;
	background-image: url(library/media/images/stripe2.png);
	background-repeat: repeat;
    }
.bgvinetas
{
	background-image: url(library/media/images/vinetas.png);
	background-repeat: no-repeat;
	background-position: center top;
    }

img.alignleft, div.alignleft {
	float:left;
	margin:0 0.5em 0.5em 0;
	border: none;
}
img.alignright, div.alignright {
	float:right;
	margin:0 0 0.5em 0.5em;
	border: none;
}
img.aligncenter, div.aligncenter {
	float:right;
	text-align:center;
	padding-left:15px;
	margin:0 auto;
	border: none;
}
.thumb a img {
	border: none;
}
#bglogo {
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(library/media/images/pngbg.png);
}
#bglogo .logo {
	margin: auto;
	width: 920px;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.content {
	width:920px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(library/media/images/bgcontent.png);
	background-repeat: repeat-y;
	padding-left: 30px;
	padding-right: 30px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-position: center center;
	 }

.page #mainContent {
    padding: 0 20px; 
    }
	
/* INICIA MENU PRINCIPAL */
#menu {
	height: 15px;
	width: 100%;
	padding-top: 5px;
	background-color: #006633;
	padding-bottom: 5px;
}
#menu .menuitems .menu-nav-container ul {
	margin:0px;
	text-align: center;
	text-transform: uppercase;
}
#menu .menuitems .menu-nav-container ul li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	color: #FFFFFF;
}
#menu .menuitems .menu-nav-container #menu-item-616, #menu-item-617, #menu-item-621, #menu-item-620, #menu-item-619{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#menu .menuitems .menu-nav-container ul li.page_item page-item-44 {
	display: inline;
	padding-right: 700px;
	border-left-style: none;
	padding-left: 20px;
	color: #FFFFFF;
}

#menu .menuitems .menu-nav-container ul li a   {
	color: #FFFFFF;
	text-decoration:none;
}

/*FIN DE MENU */

.resume {
	width: 900px;
	font-size: 13px;
	white-space: normal;
	line-height: 20px;
	float: left;
	position: relative;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
}
.resume p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#search {
	width: 230px;
	float: left;
	height: 50px;
	padding-top: 10px;
	text-align: left;
	position: relative;
}
.formstyle  {
	padding-top: 5px;
}
.clear {
	clear: both;
}
.page #container #imagescontainer {
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 880px;
}
.page #menu .menuitems .noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.page #container #imagescontainer #featuredsmall {
	width: 320px;
	float: left;
	height: auto;
}
.page #container #imagescontainer #featuredsmall .style {
	height: 203px;
	width: 320px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-color: #CCCCCC;
	border: thin solid #CCCCCC;
}
.page #container #imagescontainer #featuredsmall .style a img {
	border: none;
}
.page #container #imagescontainer #featuredbig {
	width: 540px;
	float: right;
	height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
}
.page #container #imagescontainer #featuredbig a img {
	border: none;
}
.page #container #imagescontainer #featuredbig .style {
	border: medium solid #CCCCCC;
}
#footer .lefttxt {
	text-align: left;
	font-size: 10px;
}
.page #container #imagescontainer #featuredbig .brief {
	text-align: left;
	margin-right: 4px;
	margin-left: 4px;
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
}
.page #container #imagescontainer #featuredsmall .style .bgfeat1 {
	background-image: url(projectfocus.jpg);
	width: auto;
	height: 200px;
}
.page #container #imagescontainer #featuredsmall .style .bgfeat2 {
	background-image: url(secondfeature.jpg);
	width: auto;
	height: 200px;
}
/* PREFOOTER */
.page #container #prefooter {
	font-size: 11px;
	color: #333333;
	height: 63px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	width: 880px;
}
.page #container #prefooter .one {
	height: 90%;
	width: 29%;
	float: left;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: thin;
	border-right-color: #CCCCCC;
}
.page #container #prefooter .two {
	height: 50px;
	width: 40%;
	float: left;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-width: thin;
	border-right-color: #CCCCCC;
	border-left-width: thin;
	border-left-color: #CCCCCC;
}
.page #container #prefooter #newsletter {
	float: right;
	width: 35%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: center top;
}
.page #container #prefooter #newsletter h4 {
	font-weight: bold;
	font-size: 168px;
	margin: 0;
}
.page .bgvinetas #container .content #prefooter .two #logosblog {
	position: relative;
	top: -16px;
}
.page .bgvinetas #container .content #prefooter .two .float {
	width:90%;
	height:40%;
	z-index: 10;
}
/* FIN DE PREFOOTER */

.page #container #imagescontainer #featuredsmall .style .descriptxt {
	color:#333333;
	padding-top: 135px;
	padding-left: 10px;
	padding-right: 10px;
}
.page #footer {
	width:920px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	background-image: url(bgcontentfooter.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 60px;
	background-position: center top;
}
.page #container #prefooter .txtdescr {
	width: auto;
	clear: none;
	position: relative;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.page #container #prefooter .imgprefooter {
	width: auto;
	padding-right: 20px;
	padding-left: 5px;
	float: right;
}
.page #footer div {
	padding-top:5px;
	font-size: 11px;
	text-transform: none;
	color: #666666;
	text-align: right;
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer .textonfooter div {
	float: left;
}
#footer .textonfooter div {
	float: right;
}
#footer .textonfooter .right {
	float: right;
}
#footer .textonfooter .left {
	float: left;
}
#footer #textonfooter .left {
	float: left;
	height: auto;
	width: auto;
	text-align: left;
}
.page .bgvinetas #container #prefooter .two .imgprefooter-left {
	float: left;
	height: auto;
	width: auto;
}
.page #container #prefooter .three {
	height: 90%;
	width: 35%;
	float: left;
}
.page #footer #textonfooter .left a {
	color: #666666;
	text-decoration: none;
}
.page #container #page {
	height: auto;
	width: auto;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
h2 {
	font-size: 24px;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	margin-bottom: 0px;
}
.page #container {
	clear: both;
	height: auto;
	width: auto;
}
.page .imgright {
	float: right;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.page .imgleft {
	float: left;
	height: auto;
	width: auto;
	padding: 20px;
}
.page #container .content .page #text {
	width: 800px;
	height: auto;
	text-align: left;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 15px;
}
.page .content #text p {
	font-size:14px;
	font-style:normal;
	line-height:20pt;
	text-align:left;
	margin-top:5px;
}
.page #container .content .page #text .linksgrhs{
text-indent:20px;
}
.page #container .content .page #text .linksgrhs a {
color:#006600;
font-size:18px;
text-decoration:none;
}
.page #container .content .page #thin {
	width: 800px;
	height: auto;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 15px;
}
.page .bgvinetas #container .content .page .featuredphrase {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	color: #666666;
}
.page #container .content .page #text .links {
	font-size: 10px;
}
.page #container .content .page #text #links {
}
.page #container .content .page #text #links p {
	font-size: 12px;
	line-height: 20px;
}
.page .bgvinetas #container .content .page {
	margin-right: 20px;
	margin-left: 20px;
}
.page #container .content #prefooter .onethin {
	height: auto;
	width: 22%;
	float: left;
	padding-top: 10;
	padding-right: 10px;
	padding-bottom: 10;
	padding-left: 10px;
	text-align: center;
}
.vivasolution {
	width: auto;
	float: none;
	text-align: center;
	padding-left: 5px;
	padding-right: 8px;
}
#footer #textonfooter .right a a:hover {
	color: #666666;
	text-decoration: none;
}
.page .bgvinetas #menu .menuitems .noborder a {
	color: #FFFFFF;
	text-decoration: none;
}
.page .bgvinetas #container .content .resume a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#footer #textonfooter .right a {
	color: #666666;
	text-decoration: none;
}
.page  h1 {
	font-face:KozukaHeavy, Helvetica, Arial, sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 2px;
}
.page h2 {
	font-weight: normal;
}
h4 {
	line-height: normal;
	font-size: 20px;
	border: 0px;
	vertical-align: middle;
	white-space: normal;
	letter-spacing: normal;
	word-spacing: normal;
	margin: 0px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.page .content a {
	color: #006600;
	text-decoration:none;
}

.page #container .content .page #text #links h3 {
	font-style: normal;
	line-height: normal;
	vertical-align: middle;
	text-align: left;
}
.page .bgvinetas #container .content .page #text #links a {
	color: #006600;
	text-decoration: none;
	font-weight: bold;
}
.page .bgvinetas #container .content .page #text #statements h2 {
	line-height: 40pt;
	color: #333333;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	font-style: normal;
}
.page .verde {
	color: #006600;
	
}
.page #container .content .page #text #statements p {
	font-size: 20px;
	line-height: 12px;
	color: #333333;
}
.page #values .value {
	font-size: 24px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999999;
	text-align: center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.page #values a {
	font-size: 24px;
	color: #999999;
	text-decoration: none;
}
.page #values .titlevalues {
	text-transform: uppercase;
	letter-spacing: 12px;
	line-height: 20px;
}
.page #values p {
	line-height: 0px;
	font-weight: normal;
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	font-size: 14px;
}
.page #values {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	text-align: center;
}
.page #values .frist {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.page #container .content #prefooter .prefootertxt {
	font-size: 14px;
}
.page #container .content .page #text .linksgrhs a {
	text-decoration: none;
	color: #006600;
	font-size: 18px;
}
#footer #textonfooter .right a {
	color: #666666;
	text-decoration: none;

}
.titlelinks {
	font-weight: bold;
	font-size: 14px;
	line-height: inherit;
}
.page #container .content .page #text .linksgrhs {
	text-indent: 20px;
}
h3 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 0;
	margin-top: 30px;
	line-height: inherit;
}
.page .bgvinetas #container .content .page ul {
	line-height: normal;
	list-style-type: disc;
}
.page .bgvinetas #container .content .page #contactizq {
	height: auto;
	width: 30%;
	float: left;
}
.page #container .content .page #contactcentr {
	float: left;
	height: auto;
	width: 30%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.page  #container .content .page #contactder {
	float: right;
	height: auto;
	width: 36%;
}
 #socialmedia .left {
	float: left;
	height: auto;
	width: auto;
	text-align: center;
}
#socialmedia .icons img {
	padding-right: 5px;
	padding-left: 5px;
}
#socialmedia {
	text-align: center;
	padding-top: 20px;
}
#socialmedia h2 {
	text-align: center;
	margin:1.5px;
}
#socialmedia .icons {
	height: auto;
	width: auto;
}

.page .bgvinetas #container .content .page #text #square .linkabout {
	font-size: 30px;
	color: #00CC33;
	padding: 0px;
	vertical-align: middle;
}
.page .bgvinetas #container .content .page #text #square {
	height: 180px;
	width: 200px;
	position: relative;
	float: left;
	padding: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: url(library/media/images/buttonsabout.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.page .bgvinetas #container .content .page #text #containerlinks {
	position: relative;
	width: 700px;
	height: auto;
	text-align: center;
	vertical-align: middle;
	left: 50px;
}
.page .bgvinetas #container .content .page #contact .col1 {
	float: left;
	height: auto;
	width: 34.33%;
}
.page .bgvinetas #container .content .page #contact .col2 {
	float: left;
	height: auto;
	width: 20%;
}
.page .bgvinetas #container .content .page #contact .col3 {
	float: left;
	height: auto;
	width: 34.33%;
}
.page .bgvinetas #container .content .page #contact {
	color: #666666;
	font-size: 9px;
	width: auto;
	float: none;
	height: auto;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
}
.page #container .content .page #text #bios .persona .description {
	height: auto;
	width: 35%;
	text-align: left;
	font-size: 11px;
	line-height: normal;
	vertical-align: middle;
	float: left;
	
}
.page #container .content .page #text #bios {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	margin-top:-25px;
	}
.page #container .content .page #text #bios .photosubject {
	height: auto;
	width: 61%;
	float: right;
	padding: 15px;
}
.page #container .content .page #text #bios .persona .description p {
	font-size: 11px;
	line-height: 18px;
	margin-top: 0;
}
.page #container .content .page #text #bios .persona {
	clear: both;
	width: auto;
	height: auto;
	padding: 15px;
	margin-top: 30px;
	position: relative;
	background-image: url(http://www.casaviva.org/portal/bgstaff.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.page #container .content .page #text #bios .persona .photosubject img {
	border: thick solid #CCCCCC;
}
/* MULTIPLICATION */
.page #container .content .page #text .resume {
	height: auto;
	width: auto;
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.page #container .content .page #text .nomargin {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.page #container .content .page #text .resume p {
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.page .bgvinetas #container .content .page #text #sidebarcostarica {
	float: right;
	height: auto;
	width: 47%;
	overflow: hidden;
	text-align: left;
}
.page .bgvinetas #container .content .page #text #contentcostarica {
	float: left;
	width: 47%;
	height: auto;
	padding-left: 10px;
}
.page .bgvinetas #container .content .page #text #contentcostarica .story {
	height: 70%;
	width: 100%;
	padding-top: 10px;
}
.page .bgvinetas #container .content .page #text #contentcostarica .story .thumb {
	float: right;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.page .bgvinetas #container .content .page #text #contentcostarica .story .thumb img a {
	float: right;
	padding: 5px;
	border: 0px solid #CCCCCC;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.page .bgvinetas #container .content .page #text #sidebarcostarica .story p {
	font-size: 11px;
	line-height: normal;
	margin: 0px;
	line-height:20pt;
}
.page #container .content .page #text #sidebarcostarica .story h3 {
	margin: 0px;
	padding: 0;
	font-size: 14px;
}
.page #container .content .page #text #contentcostarica h2 {

}
.page #container .content .page #text #contentcostarica h3 {
	font-size: 14px;
	margin-bottom: 0px;
}
.page #container .content .page #text #contentcostarica ul {
	text-align: left;
	font-size: 14px;
	margin-top: 5px;
}
.page #container .content .page #text #contentcostarica p {
	line-height: normal;
	font-size: 12px;
	line-height:20pt;
}
.page #container .content .page #text #sidebarcostarica h1 {
	font-size: 20px;
	padding: 4px;
	color: #FFF;
	background-image: url(images/headercvcr.png);
}
.page #container .content .page #text #contentcostarica h1 {
	font-size: 20px;
	padding: 4px;
	color: #FFF;
	background-image: url(images/headercvcr.png);
}
.page #container .content .page #text #contentcostarica h3 {
	margin-top: 0;
}
.page #container .content .page #text ul {
	line-height: 18px;
	margin-left: 10px;
}

/* TOOLTIP */
/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(library/media/images/black_arrow.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(library/media/images/black_arrow.png);
}
/* 404 error Google */

#goog-wm .content {
	width:auto;
	background:none;
	margin:0;
	padding:0;
}