/* @override http://viart.dev/css/general.css */


/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Titulo : Plantilla General 
Autor : Federico Bozo
URL : www.viart.com.ve

Descripcion : 

Creado : 30 - junio - 2008
Modificado : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


/* Thanks to Eric Meyer for the reset method 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;
}
/* remember to define focus styles! */
:focus {outline: 0;}

ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: center; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

em {font-style:italic}
strong {font-weight:900}

/* hasta aqui el reset */


/*
=Global
*/

body {
	font:76%/1.5em Arial, Helvetica, sans-serif;
	color: #444;
	background: #333;
}

hr {
	display:block;
	clear:both;
	margin:-1px 0;
	position:relative;
	left:-9999px;
}


/*
=Diagramacion Principal
*/

#wrap {
	position:relative;
	border:0;
	margin:10px auto;
	padding:0;
	width: 800px;
	background:#fff url("/i/fondo_wrap.gif") repeat-x top left;
}


#top_nav {
	background: url("/i/fondo_top_nav.gif") no-repeat top left;
	width: 800px;
	height: 74px;
	text-align: left;
}


p.desaparece {text-indent: -9999px;}

p#fecha {
	text-align: right;
	color: #669900;
	padding-right: 13px;
}

#top_nav .nav_corporativa {
	background: url(/i/fondo_nav_corporativa.gif) no-repeat top left;
	width: 413px;
	height: 27px;
	float: right;
	padding-top: 9px;
	margin-top: 1px;
}

#top_nav .nav_corporativa li{
	display: inline;
	margin-left: 15px;
}

#top_nav .nav_corporativa li a{
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	padding-top: 10px;
}
#top_nav .nav_corporativa li a:hover{text-decoration: underline;}

/* =nav_ppal */

#cabeza ul.nav_ppal {
	width: 100%;
	float: left;
	background: #000;
	position: relative;
}

#cabeza ul.nav_ppal li{
	float: left;
	width: auto;
	text-align: center;
}


#cabeza ul.nav_ppal li a{
	float: left;
	width: 200px;
	color: #600;
	font-size: 1.4em;
	font-weight: bold;
	background: #000 url("/i/fondo_nav_ppal.gif") no-repeat 0 -43px;
	padding: 13px 0 12px 0;
	text-decoration: none;
}
#cabeza ul.nav_ppal li a:hover,
#cabeza ul.nav_ppal li a.hover {background-position: 0 0;}

/* nav_sec */

#cabeza .nav_sec {
	position: absolute;
	background:#fff url("/i/fondo_nav_sec.png") no-repeat top left;
	float: left;
	width: 785px;
	height:24px;
	padding: 7px 0 0 15px;
	right: 0;
	top: 45px;
}


#cabeza ul.nav_ppal .nav_sec li a{
	display: inline;
	background: none;
	font-size: 1.1em;
	color: #432;
	padding: 0;
	width: auto;
	margin-right: 15px;
}

#cabeza ul.nav_ppal .nav_sec li a:hover{
	text-decoration: underline;
}





/* =datos_obra */

form#datos_obra {
	float: left;
	width: 800px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
form#datos_obra fieldset.single {
	float: left;
	width: 415px;
	padding: 10px 10px 10px 10px;
}
form#datos_obra legend{
	color: #000;
	/*border-bottom: 1px solid #f60;*/
	font-size:1.2em;
	font-weight: bold;
	padding: 5px 0 5px 25px;
	margin-bottom: 10px;
	width: 405px;
	background: url("/i/ico_lapiz_azul.gif") no-repeat left center;
}
form#datos_obra .single legend{
	color: #f60;
	background: url("/i/ico_lapiz_rojo.gif") no-repeat left center;
}
form#datos_obra label{
	width:150px;
	float: left;
	color: #000;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
	padding-top: 3px;
}

fieldset.single .inline {
	margin: 0 0 2px 0 ;
}



form#datos_obra th,
form#datos_obra td {
	vertical-align: middle; 
	text-align: center; 
	padding: 0;
	margin: 0;
	border-bottom: 1px dashed #111;
}
form#datos_obra td {
	padding: 5px;
}

form#datos_obra thead th {
	background:#000 url("/i/fondo_th_form.gif") repeat-x top left;
	height: 27px;
	color: #000;
	font-weight: bold;
	border: 0;
}


td input {width: 97%;}


form#datos_obra table {width: 100%; margin: 10px 0;}

input.edad {width: 30px;}

form#datos_obra fieldset.multi {
	width: 760px;
	margin: 20px;
}





button.btn-sbmt {
	background: #fff;
	padding: 0;
	border: 0;
	cursor: pointer;
	cursor:hand;
}



form#datos_obra button.btn-sbmt {
	position: relative;
	left: 50%;
	margin:10px 0 10px -86px;
}




#datos_obra p{
	margin: 10px 20px;
	font-size: .8em;
	line-height: 1.4em;
	color: #000;
}




/* =anexos */

#anexos {
	float: right;
	width: 314px;
	background: url("/i/fondo_anexos.png") no-repeat bottom left;
	padding-bottom: 15px;
	margin: 25px 20px 0 0;
}
#anexos h3{
	color: #900;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	background: url("/i/fondo_anexos.png") no-repeat top left;
	padding: 5px 0 0 0;
	margin: -10px 0 10px 0;
}

#anexos ol {
	border-top: 1px solid #666;
	margin: 0 10px;
	padding-top: 10px;
}
#anexos ol ol{border:0; margin: 0;}

#anexos ol li {
	list-style:decimal outside;
	margin:0 0 10px 18px;
	line-height: 1.2em;
	font-size: 11px;
	font-weight: bold;
}

#anexos ol li li{
	list-style: lower-alpha outside;
	font-weight: normal;
	margin: 3px 0 0 18px;
}

#anexos a {
	position: relative;
	left:5%;
	margin-left:0px;
}


/* =pie */

#pie {
	background: #eee;
	border-top: 1px solid #666;
	padding:10px 0;
	font-weight: bold;
	font-size: .9em;
}

#pie p{
	clear: both;
	margin: 0 10px;
	color: #333;
}

#pie ul {
	float: left;
	display: block;
	margin-bottom: 5px;
}

#pie ul li{
	display: inline;
	margin-left: 10px;
}
#pie ul li a{
	color: #666;
	text-decoration: none;
}
#pie ul li a:hover{
	text-decoration: underline;
	color: #111;
}

/* =home */

#articulo-principal {
	border-bottom: 1px solid #fff;
	float: left;
	width: 100%;
	color: #fff;
	margin-bottom: 20px;
}

#articulo-principal #banner-index{
	float: left;
	margin: 0 10px 0 0;
}

#articulo-principal p{margin: 50px 20px 0 0;}
#articulo-principal p strong {color: #f90;}

.home #noticias li {
	width: 265px;
	float: left;
	padding: 0;
	line-height: 1.3em;
	font-size: 11px;
}


.home #noticias li.par {
	background: #666;
}

.home #noticias li a{
	float: left;
	width: 250px;
	padding: 20px 5px 20px 10px;
	text-decoration: none;
	color: #fff;
	line-height: 1em;
}

.home #noticias li a:hover,
.home #noticias li a:focus{background: #555;}

.home #noticias li a:active{background: #f90;}


.home #noticias li a em{
	display: block;
	color: #600;
}


.home #noticias li a strong{
	display: block;
	font: bold 18px/1 times;
	margin-bottom: 5px;
	color: #111;
}

#ver-mas-home {
	background: #eee url("/i/fondo_vermas-div.gif");
	clear: both;
	padding: 7px 7px 7px 7px;
	text-align:right;
	border-bottom: 1px solid #444;	
	margin-bottom: 5px;
}

#banners ul {
	padding: 0 0 0 7px;
	clear: both;
}

#banners li {
	float: left;
	width: auto;
}

/* =newsletter */

#bajo{
	clear: both;
}

#bajo a#patrocinante{
	float: left;
	width: auto;
	margin: 0 10px 0 0;
}
form#nl-suscrib,
form#nl-desuscrib {
	float: left;
	width: 650px;
	background: #f7fafc;
	padding: 0 0 10px 0;
}
#slt_pais {
	clip: rect(50px,auto,auto,auto);
}

form#nl-desuscrib {border-top: 1px dashed #444;}

form#frm-newsletter img{
	float: left;
	width: auto;
	margin-right: 20px;
}

#ps {
	float: right;
	position: relative;
	top: -55px;
	right: 10px;
	width: auto;
	margin-bottom: -15px;
}

#nmbr {
	float: left;
	width: 220px;
	margin: 0 10px 0 10px;
	clear: both;
}
#eml {
	float: left;
	width: 150px;
	clear: none;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

#desuscribirse-nl p{
	float: left;
	width: auto;
	margin: 15px 15px 0 15px;
	color: #f00;
	font-weight: bold;
}

#desuscribirse-nl div{
	float: left;
	width: auto;
	margin: 10px 15px 0 15px;
}

div.btn {
	float: right;
	width: auto;
	margin: -25px 10px 0 10px;
}
}
input.email {
	width: 150px;
}
input.nombre {
	width: 150px;
}
input.pais {
	width: 150px;
	margin-top: 15px;
}
input.news {
	width: 100px;
}
input.contacto {
	width: 150px;
}