@charset "UTF-8";

/* 
	CSS Document for Yabadaba (General Layouting)
	Powered by BlueFever (www.bluefevermedia.com)
	
	Date: Jan 2, 2009.
	Version: 1.0
	
*/


/* General Layouting
-----------------------------------------------------------------------------------------------------------------*/

body {
	width: 900px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #515151;
}

body #header h1 a {
	display: block;
	background: url(pics/h1_yabadaba.gif) no-repeat;
	width: 202px;
	height: 144px;
	float: left;
	text-indent: -9999px;
	position: relative;
	left: 115px;
	z-index: 2;
}

body #header h2 {
	display: block;
	background: url(pics/h2_slogan.gif) no-repeat;
	text-indent: -9999px;
	float: right;
	width: 225px;
	height: 43px;
	position: relative;
	right: 75px;
	top: 25px;
}

label { display: block; }

p a {
color: #7E9600;
}

select, input, textarea {
vertical-align:middle;
}

/* ----  Header ---- */

body#home #header {
	background: url(pics/bg_homeheader.jpg) no-repeat 8px 75px;
	width: 900px;
	height: 457px;
	margin-top: 50px;
}

/* ----  Header ---- */


/* ----  Banner ---- */

body#home #header #banner {
	position:relative;
	left: 48px;
	top: -67px;
}

/* ----  Banner ---- */



/* ----  Content ---- */

body #wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 20px 25px 20px 25px;
}

body #wrapper p strong {
	color: #3c3c3c;
}

/* COLUMNA A */

body #wrapper .col_a {
	width: 550px;
	float: left;
}

body #wrapper .col_a h3.green {
	background: url(pics/bg_heading.gif) no-repeat;
	width: 500px;
	height: 17px;
	padding: 8px 0 15px 50px;
	color: #6e8608;
	font-size: 15px;
}

body #wrapper .col_a h3.blue {
	background: url(pics/bg_heading.gif) no-repeat;
	width: 500px;
	height: 17px;
	padding: 8px 0 5px 50px;
	color: #006090;
	font-size: 15px;
}

body #wrapper .col_a .multimedia .video {
	padding: 10px 0 25px 50px;
}

body #wrapper .col_a h4 {
	margin: 15px 0 5px 50px;
	padding: 0 0 5px 0;
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid #c9c9c9;
}

body #wrapper .col_a h4 a {
	font-size: 20px;
	font-weight: normal;
        text-decoration: none;
        color: #000;
}

body #wrapper .col_a h5 {
	margin: 0 0 15px 50px;
	color: #959595;
	font-size: 11px;
	font-weight: normal;
}

body #wrapper .col_a h5 em {
	color: #7e9600;
}

body #wrapper .col_a h5 a {
	color: #959595;
	text-decoration: underline;
}

body #wrapper .col_a h5 a:hover {
	text-decoration: none;
}

body #wrapper .col_a p {
	padding: 0 0 15px 50px;
	line-height: 22px;
}


/* COLUMNA B */

body #wrapper .col_b {
	float: right;
	width: 237px;
}

/* FORMULARIO */ 

body #wrapper .col_b .registro {
	margin-bottom: 25px;
}

body #wrapper .col_b .registro h3 {
	color: #6e8608;
	font-size: 15px;
	width: 237px;
	height: 30px;
	background: url(pics/bg_h3modules.gif) no-repeat;
	padding: 10px 0 0 20px;
}

body #wrapper .col_b form {
	background: url(pics/bg_modules.gif) repeat-y;
	padding: 0 10px 0 20px;
	color: #515151;
}

body #wrapper .col_b form label span {
font-size: 12px;
display: block;
color: #6e8608;
margin-bottom: 3px;
}

.bullet1 {
	background: url(pics/bullet1.gif) no-repeat;
	padding: 4px 0 5px 25px;
	margin-bottom: 5px;
top: 10px;
}

.bullet2 {
	background: url(pics/bullet2.gif) no-repeat;
	padding: 4px 0 5px 25px;
	margin-bottom: 5px;
}

.bullet3 {
	background: url(pics/bullet3.gif) no-repeat;
	padding: 4px 0 5px 25px;
	margin-bottom: 5px;
}

.bullet4 {
	background: url(pics/bullet4.gif) no-repeat;
	padding: 4px 0 5px 25px;
	margin-bottom: 5px;
}

body #wrapper .col_b form select {
	margin: 0 0 15px 0px;
	padding: 1px;
font-size: 11px;
color: #666;
}

body #wrapper .col_b form input {
	margin: 0 0 15px 0px;
	padding: 3px;
font-size: 11px;
color: #666;
}

body #wrapper .col_b form input.btn {
	background: url(pics/bg_btn.gif) no-repeat;
	width: 100px;
	height: 26px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	border: none;
	margin: 10px 0 10px 45px;
}

body #wrapper .col_b form input.campo {
	background: url(pics/bg_campo.gif) repeat-x;
	border: 1px solid #b7b7b7;
}

body #wrapper .col_b form a {
	color: #6e8608;
	font-size: 10px;
	text-decoration: none;
}

body #wrapper .col_b form a:hover {
	text-decoration: underline;
}

p.checkbox {
padding: 0 0 5px 5px;
}

p.checkbox a { font-size: 12px !important; color: #666 !important; border-bottom: 1px dotted #c0c0c0; line-height: 16px; }
p.checkbox a:hover { border-bottom: none !important; text-decoration: none !important; }

p.checkbox label
{
float: right;
width: 175px;
height: 30px;
display: block;
}


/* ----  Content ---- */



/* ----  Footer ---- */

body #footer {
	border-top: 1px solid #dcdcdc;
	margin: 0 auto;
	padding: 20px;
}

body #footer a {
	text-decoration: underline;
	color: #9e9e9e;
}

body #footer a:hover {
	text-decoration: none;
}

body #footer p {
	color: #9e9e9e;
	font-size: 11px;
	float: left;
}

body #footer p strong {
        color: #9e9e9e;
}

body #footer ul li {
	font-size: 12px;
	color: #47728c;
	text-decoration: none;
	display: inline;
	position: relative;
	left: 40px;
}

body #footer ul li a {
	padding: 0 10px 0 12px;
	color: #47728c;
	text-decoration: none;
}

body #footer ul li a:hover {
	text-decoration: underline;
}