/* CSS Document */
body {margin:0; background-image:url(images/bg.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;}
#page {background-color:#FFFFFF; width:700px; border-top: 8px #FF9900 solid; border-bottom: 3px #FF9900 solid; margin: 0 auto; display:table; padding-bottom:5px;}
#header {width:700px;}
#logo {
	float:left;
	width: 190px;
	padding-bottom: 12px;
	background-color:#CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#logo h1 {font-size:12px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding:5px 0 0 10px; margin:0}
#logo .tagline {font-size:10px; padding-left: 8px; margin-top:-5px}
#topnav {float:right;  padding-bottom: 5px;}
#topnav .menu {width: 110px; float:left; border-bottom: 4px #cccccc solid; margin-right: 10px}
#topnav .menu_item {padding-top:5px; font-size:14px;}
#topnav .menu_item a{color:#333333; text-decoration:none;}
#topnav .menu_item a:hover{color:#FF9900; text-transform:uppercase;}
#topnav .here{color:#FF9900; text-transform:uppercase; padding-top:5px; font-size:18px;}
#topnav .menu_desc {font-size:10px;}
#body {padding: 0 0 0 10px; clear:both}
#body .post {width: 500px; margin:10px 0; padding:0; display:table}
#body .post h2 {margin:0; color:#FF9900; letter-spacing:-1px; font-size:18px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#body .post p {font-size:10px; margin:0}
#body .post p a{color:#0099FF; text-decoration:none}
#sidebar {float:right; margin:0; width: 150px;}
#sidebar .sidebar_head {background-color:#FF9900; margin-top:4px; padding:4px}
#sidebar h3{margin:0; color:#FFFFFF; font-size:14px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:bolder;}
#sidebar ul {margin:5px 0; padding:0 0 0 20px;}
#sidebar ul li{list-style-image:url(images/0066_double_arrow.png); font-size:11px}
#sidebar ul li a{text-decoration:none; color:#333333}
#footer {text-align:center}
#footer p {color:#FFFFFF; font-size:10px;}
#footer p a{color:#FFFFFF; text-decoration:none}
#footer p a:hover{color:#FFFFFF; text-decoration:underline}
.folio_img {margin: 10px 0; text-align:center; width: 100%; background-color:#eeeeee; padding: 10px; border: 1px #cccccc dashed}
.folio_img img {border: 1px #cccccc solid; padding:4px; background-color:#eeeeee; margin: 10px 10px 0 0}
.style1 {color: #FF9900}
.folio_trabajos {
	text-align:center;
	width: 100%;
	background-color:#eeeeee;
	padding: 4px;
	border: 1px #cccccc dashed;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
}
#tabla_trabajos {border:1px; border-bottom-color:#CCCCCC; border-style:dashed; padding:13px; background-color:#FBFBFB}
#tdtexto { vertical-align:top;}
#tdimagen { background-color:#eeeeee; margin: 4px 4px 0 0; vertical-align:middle; text-align:center;}



// estilos de los formularios

#tablacorreo {background-color:#FFFFFF; font-family:Verdana; font-size:12px; border-style:dotted; border-width:1px;}
#tdcorreo {
	text-align:right;
	font-size: 9px;
}
#formu input { border:none; background-color:#999999;}
#formu input:hover { background-color:#666666;}
#formu textarea { border:none; background-color:#999999;}
#formu textarea:hover { border:none; background-color:#666666;}
ul {
	font-size:10px;
	list-style-type: none;
	list-style-image: url(images/0066_simple_arrow.png);
	list-style-position: outside;
}

