@charset "utf-8";
/************************************************************************************************/
/*                              CSS Reset Method By Eric Meyer                                  */
/*              http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/                    */
/************************************************************************************************/

	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,
	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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
	:focus {
	outline: 0;
	}
	
	body {
	line-height:1;
	color:black;
	background:white;
	}
	
	ol, ul, dl {
	list-style:none;
	position:relative;
	}
	
	table {
	border-collapse:separate;
	border-spacing:0;
	}
	
	caption, th, td {
	text-align:left;
	font-weight:normal;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: "";
	}
	
	blockquote, q {
	quotes: "" "";
	}

/************************************************************************************************/
/*  Proyecto Web: Vivir para la Prevención integral de la Salud A.C. | http://www.vivir.org.ve  */
/*     Desarrollado por: World Tel-Fax Electronics, C.A. Autor: José Manuel González Acosta     */
/************************************************************************************************/

/*****************************/
/*    Colores Importantes    */
/*****************************/
/*  Verde Claro = #377C29    */
/*  Verde Oscuro= #003E00    */
/*  Azul Claro =  #1689CB    */
/*  Naranja   =   #F77B24    */
/*****************************/

/************************************/
/*   Atributos Generales del Sitio  */
/************************************/
	body{
	background-color:#000000 !important;
	background-image:url(/images/background.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	background-attachment:fixed;
	text-align:center;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
	#cuerpo{
	position:relative;
	text-align:center;
	width:798px;
	height:100%;
	margin:auto;
	}
	img.hr{
	margin-top:10px;
	margin-bottom:10px;
	}
	img.hr2{
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	position:relative;
	}
    img.hr3{
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	position:relative;
	clear:both;
	}	
	.precarga{
	display:none;
	}
/************************************/
/*       Atributos del Header       */
/************************************/
	#header{
	background-image:url(/images/header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	width:798px;
	height:60px;
	float:left;
	clear:both;
	}
/************************************/
/*   Atributos de Botones Superior  */
/************************************/
	ul#navsup{
	float:right;
	width:234px;
	}
	ul#navsup li{
	float:right;
	font-size:11px;
	line-height:26px;
	margin-top:33px;
	width:117px;
	height:26px;
	}
	ul#navsup li a.green{
	display:block;
	background-image:url(/images/botones.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
	color:#000000;
	width:117px;
	height:26px;
	}
	ul#navsup li a.orange{
	display:block;
	background-image:url(/images/botones.png);
	background-repeat:no-repeat;
	background-position:0px -26px;
	text-decoration:none;
	color:#000000;
	width:117px;
	height:26px;
	}
	ul#navsup li a:hover{
	display:block;
	background-image:url(/images/botones.png);
	background-repeat:no-repeat;
	background-position:0px -52px;
	color:#FFFFFF;
	width:117px;
	height:26px;
	}
/************************************/
/*    Atributos de la Animacion     */
/************************************/
	#animacion{
	text-align:center;
	background-color:#000000;
	float:left;
	width:798px;
	height:250px;
	margin-top:1px;
	clear:both;
	}
/************************************/
/*     Atributos del Footheader     */
/************************************/
	#footheader{
	text-align:center;
	background-color:#FFFFFF;
	width:798px;
	height:26px;
	float:left;
	margin-top:2px;
	clear:both;
	}
/************************************/
/* Atributos de Botones Inferiores  */
/************************************/
	ul#navinf{
	float:left;
	width:702px;
	}
	ul#navinf li{
	float:left;
	font-size:11px;
	line-height:22px;
	width:117px;
	height:26px;
	}
	ul#navinf li a.green{
	display:block;
	background-image:url(/images/botones.png);
	background-repeat:no-repeat;
	background-position:-117px -52px;
	text-decoration:none;
	color:#000000;
	width:117px;
	height:26px;
	}
	ul#navinf li a.orange{
	display:block;
	background-image:url(/images/botones.png);
	background-repeat:no-repeat;
	background-position:-117px -26px;
	text-decoration:none;
	color:#000000;
	width:117px;
	height:26px;
	}
	ul#navinf li a.blue{
	display:block;
	background-image:url(/images/botones2.png);
	background-repeat:no-repeat;
	background-position:0px -26px;
	text-decoration:none;
	color:#000000;
	width:117px;
	height:26px;
	}
	ul#navinf li a:hover{
	display:block;
	background-image:url(/images/botones.png);
	background-repeat:no-repeat;
	background-position:-117px 0px;
	color:#FFFFFF;
	width:117px;
	height:26px;
	}
/************************************/
/*   Atributos de los Contenidos    */
/************************************/
	#contenidos{
	text-align:center;
	background-color:#FFFFFF!important;
	width:798px;
	height:inherit;
	clear:both;
	overflow:hidden;
	}
	#cont_left{
	background-color:#FFFFFF!important;
	text-align:left;
	width:600px;
	height:100%;
	position:relative;
	top:5px;
	left:10px;
	float:left;
	}
	#personal{
	text-align:left;
	width:600px;
	margin-top:10px;
	margin-bottom:10px;
	float:right;
	clear:both;
	position:relative;
	}
	#personal img{
	padding-right:10px;
	float:left;
	position:relative;
	clear:left;
	}
	#personal a{
	color:#4A9514;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	}
	#personal a:hover{
	color:#F77B24;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	}
	#videos{
	border:#F77B24;
	border-style:solid;
	border-width:1px;
	text-align:left;
	width:180px;
	height:150px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	clear:right;
	position:relative;
	}
	p.cont_left{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:14px;
	color:#4A9514;
	text-indent:13px;
	text-align:justify;
	}
	p.cont_left2{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:14px;
	color:#F77B24;
	text-indent:13px;
	text-align:justify;
	}
	a.cont_left{
	color:#4A9514;
	font-weight:bold;
	text-decoration:none;
	}
	a:hover.cont_left{
	color:#F77B24;
	font-weight:bold;
	text-decoration:none;
	}
	a.cont_left2{
	color:#4A9514;
	font-weight:bold;
	text-decoration:none;
	float:right!important;
	}
	a:hover.cont_left2{
	color:#F77B24;
	font-weight:bold;
	text-decoration:none;
	float:right!important;
	}
	#cont_right{
	background-color:#FFFFFF!important;
	text-align:right;
	width:168px;
	height:100%;
	position:relative;
	top:5px;
	right:8px;
	float:right;
	border-left-style:dotted;
	border-left-color:#F77B24;
	border-left-width:1px;
	padding-left:2px;
	}
	img.cont_right{
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
	}
	p.cont_right{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	color:#F77B24;
	text-indent:13px;
	text-align:right;
	}
	a.cont_right{
	color:#4A9514;
	text-decoration:none;
	}
	a:hover.cont_right{
	color:#F77B24;
	text-decoration:none;
	}
	h1{
	font-size:22px;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#377C29;
	}
	h1 a{
	color:#377C29;
	text-decoration:none;
	}
	h1 a:hover{
	color:#F77B24;
	text-decoration:none;
	}
	h2{
	font-size:18px;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#F77B24;
	}
	h3{
	text-align:left;
	font-size:14px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F77B24;
	margin-bottom:5px;
	}
	h4{
	text-align:right;
	font-size:12px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#4A9514;
	margin-bottom:5px;
	}
	span.green{
	color:#377C29;
	}
	span.orange{
	color:#F77B24;
	}
	span.blue{
	color:#3165D6;
	}
	span.red{
	color:#E73C21;
	}
	span.yellow{
	color:#D6AE00;
	}
	span.black{
	color:#000000;
	}	
	
/************************************/
/*       Atributos del Footer       */
/************************************/
	#footer_pic{
	text-align:center;
	background-color:#FFFFFF;
	background-image:url(/images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width:798px;
	height:100px;
	clear:both;
	}
	#footer{
	text-align:center;
	background-color:#000000;
	width:798px;
	height:65px;
	clear:both;
	}
	a.footer{
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	}
	a:hover.footer{
	font-size:11px;
	text-decoration:none;
	color:#377C29;
	}
	a.footerblue{
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	}
	a:hover.footerblue{
	font-size:11px;
	text-decoration:none;
	color:#1689CB;
	}
	span.footer{
	font-size:12px;
	text-decoration:none;
	color:#003E00;
	}
/************************************/
/*     Atributos del Copyright      */
/************************************/
	p.copyright{
	font-size:9px;
	text-decoration:none;
	color:#003E00;
	margin-bottom:3px;
	}
	a.copyright{
	font-size:9px;
	text-decoration:none;
	color:#003E00;
	}
	a:hover.copyright{
	font-size:9px;
	text-decoration:none;
	color:#377C29;
	}
	
/************************************/
/*     Atributos de Contactos       */
/************************************/
    form table{
	width:598px;
	}
	form table td{
	vertical-align:top!important;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#4A9514;
	text-align:left;
	padding:5px!important;
	}
	form table img{
	border-color:#4A9514!important;
	border-style:solid;
	border-width:1px;
	}
	form table td span{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#F77B24;
	}
	input.vivir, textarea.vivir{
	border-color:#4A9514!important;
	border-style:solid;
	border-width:1px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#F77B24;
	text-align:left;
	}