/*
Theme Name: Systema 2.0
Theme URI: http://www.systema-chile.cl/
Description: Diseņo para Systema Ltda.
Version: 2.0
Author: chuchurex
Author URI: http://www.mosaikos.com/
Tags: fixed width, two columns

*/


/*diagramacion general*/
* {margin:0px; padding:0px}
body {font-family:'Trebuchet MS', Helvetica, sans-serif; text-align:center; background-color:#231F20; padding-top:32px; padding-bottom:20px; background-image:url(images/bg_body.jpg); background-repeat:repeat-x}
#page {text-align:left; width:780px; margin-right:auto; margin-left:auto; background-image:url(images/bg_page.jpg); background-repeat:repeat-y}
#header {height:186px; border-top-width:11px; border-top-style:solid; border-top-color:#096BA6; background-color:#302E2F}
#content {float:right;  padding-top:23px; min-height:550px; padding-bottom:20px}
.portada, .mambiente {width:560px; padding-right:10px; padding-left:10px}
.interior, .pagina, .categoria {width:530px; padding-right:25px; padding-left:25px}
#sidebar {width:197px; margin-right:580px}
#footer {clear:both; background-color:#302E2F; padding-top:10px; background-image:url(images/bg_footer.jpg); background-repeat:no-repeat; background-position:left bottom}

/*cabecera*/
h1 {background-image:url(images/bg_h1.jpg); height:150px; width:200px; float:left}
#flash {width:580px;float:right}
h1 em {display:none}

/*estilos generales*/
p, #content li {font-size:0.8em; margin-top:3px; margin-bottom:6px}
a img {border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}
.alignright {float:right; margin-left:10px; margin-bottom:6px}
.alignleft {float:left; margin-right:10px; margin-bottom:6px}
.aligncenter {display:block; margin:0px auto 6px auto}
.interior .size-full {padding:10px; border:3px solid #999999}
#content a {color:#075685}
#content a:hover {color:#666666; text-decoration:underline}
h2 {font-size:1.4em; font-family:Arial, Helvetica, sans-serif; color:#075685; margin-bottom:10px}
h3 {font-size:1em; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; margin-top: 8px}
#content ul {list-style-position:outside}
#content h2 a {text-decoration:none; color:#302E2F; font-size:0.8em}
label {padding-left:10px}
.mambiente ul li, .pagina ul li {background-image: url(images/bg_ul_li.gif); background-repeat: no-repeat; background-position: left top; list-style-type: none; padding-left: 20px}

/*menu lateral*/
#menu {padding-top:22px; padding-left:14px; list-style-type:none}
#menu strong {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#FFFFFF; font-weight:normal; padding-left:4px}
#menu a {height:37px; width:163px; text-transform:uppercase; font-size:14px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; display:block; padding-top:5px; padding-left:12px; background-image:url(images/bg_menu_a.gif); background-repeat:no-repeat; background-position:left bottom}
#menu li {margin-bottom:10px}
#menu a:hover {color:#AEB7BD; background-image:url(images/bg_menu_a.gif); background-repeat:no-repeat; background-position:left top}
#menu a em {font-size:12px; font-style:normal; text-transform:none; font-weight:normal; font-family:Tahoma, Geneva, sans-serif}
#submenu a {width:119px; background-image:url(images/bg_submenu_a.gif); padding-left:37px; background-position:left bottom}
#submenu {list-style-type:none; padding-left:19px}
#submenu a:hover {color:#AEB7BD; background-repeat:no-repeat; background-position:left top; background-image:url(images/bg_submenu_a.gif)}

/*menu auxiliar*/
#menu_auxiliar {height:31px; padding-left:480px; width:300px; padding-top:5px}
#menu_auxiliar ul {list-style-type:none}
#menu_auxiliar li {display:inline; float:left}
#menu_auxiliar a {display:block; height:19px; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; padding-top:7px; padding-left:30px; background-repeat:no-repeat; background-position:left bottom}
#menu_auxiliar a:hover {background-position:left top}
#aux_h {background-image:url(images/bg_li_h.gif); width:51px}
#aux_n {background-image:url(images/bg_li_n.gif); width:62px}
#aux_c {background-image:url(images/bg_li_c.gif); width:62px}

/*pie*/
#rigth-footer {	float:right; width:300px; border-left-width: 2px; border-left-style: solid; border-left-color: #4D4D4D; margin-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px}
#left-footer { padding:30px; width:300px; margin-right:360px}
#footer a, #footer p {color:#FFFFFF}

#relleno {float:left; margin-top:-190px; background-image:url(images/relleno.jpg); background-repeat:no-repeat; height:169px; width:176px; margin-left:12px}
#notrss {
	background-image: url(images/notrss.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/*portada*/
#main {font-family:Arial, Helvetica, sans-serif; width:300px; float:left; padding-left:15px}
#main p {margin-bottom:15px}
.portada h2 {font-size:16px; color:#333333}
#noticias {width:190px; padding-right:10px; padding-bottom:30px; margin-left:350px}
#presentacion { font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:16px; font-style:normal; font-weight:bold; letter-spacing:-1px; line-height:1.2em; color:#333333}
#presentacion strong {color:#096BA6; text-transform:uppercase}
#noticias .post {border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#096BA6; margin-bottom:10px}
#noticias h3 {font-size:14px; font-weight:bold; color:#666666}
#noticias h2 {font-size:15px; font-weight:bold; color:#231F20; border-bottom-width:3px; border-bottom-style:solid; border-bottom-color:#096BA6; width:180px}

/*categoria*/
.categoria .post {margin-left:80px}
.categoria #lafecha {font-size:1em; margin-top: 8px; float:left; color:#075685; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}

/*mantencion*/
#post-2 h3 {background-image: url(images/bg_ul_li.gif); background-repeat: no-repeat; background-position: left top; padding-left: 25px}
#post-2 p {height: 120px;}
#post-2 #bloquep {height: 135px;}

/*contacto*/
legend, .cf_hidden, .linklove {display:none}
.cform fieldset	{margin-top:10px; padding:5px 0 15px 0; border:1px solid #adadad; border-left-color:#ececec}
ol.cf-ol li	{margin:5px 0; list-style:none; text-align:left; line-height:1.3em;}
.cform label {width:70px; margin:4px 10px 0 0; display:inline-block; text-align:right; vertical-align:top}
.cform label span {width:70px; display:block}
label.cf-before {margin:4px 10px 0 0}
label.cf-after 	{margin:4px 15px 0pt 6px; text-align:left; width:115px}
label.cf-after span {width:115px; display:block}
label.cf-group-after {margin:3px 4px 0 2px; width:72px;	text-align:left}
label.cf-group-after span {width:72px; display:block}
.cform input, .cform textarea, .cform select {padding:3px; background: #f9f9f9; border: 1px solid #888888; vertical-align:top}
.cform input:hover, .cform textarea:hover, .cform select:hover	{background:#CEDDDF}
.cform input:focus, .cform textarea:focus, .cform select:focus	{background:#F3F8F8}
.cform textarea, .cform input {	width:250px}
.cform select {	width:158px; padding:2px 0}
.cform select.cfselectmulti	{height:7.5em}
.cform textarea {font-family: arial; font-size: 0.9em; overflow:auto}
.cform input.sendbutton	{ width:100px;  padding:5px; margin: 10px 0 0 310px;font-size:0.8em;border:1px solid #adadad; border-left-color:#ececec; border-top-color:#ececec;}
.cform .cf_error { color:#ad2929; border:1px solid #ad2929}
div.mailerr {display:block;}
.mailerr, .cform .cf_errortxt {	color:#ad2929; }
* html .cform fieldset {position: relative;	margin-top:15px; padding-top:25px;}