/* --------------------------- MAIN ELEMENTS --------------------------- */ body {background: #e8e8e8; font-family: Georgia, "Times New Roman", Times, serif; color: #686868; font-size: 11px; margin: 0; padding: 0; margin-top: 10px;} form {margin: 0; padding: 0;} input, select, textarea {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #686868; border: 1px solid #cccccc; background-color: #ffffff; padding: 3px 0 3px 3px; } input:hover, select:hover, textarea:hover { color: #666666; border: 1px solid #666666; } input:focus, select:focus, textarea:focus, input:active, select:active, textarea:active { color: #666666; border: 1px solid #666666; } input.button { border-width: 1px; border-style: solid; border-color: #f8f8f8 #a6a6a6 #a6a6a6 #f8f8f8; background-color: #e7e7e7; cursor: pointer; cursor: hand; color: #666666; font-size: 10px;} ul { margin: 2em; margin-top: 1.2em; padding: auto; padding-left: 1em;} hr {display: none;} p {margin: 1em auto; line-height: 1.5em;} a { color: #760000; text-decoration: none;} a:link, a: visited { color: #760000; } a:hover, a:active { color: #000000; text-decoration: underline;} h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0;} .clear { clear: both; margin: 0; padding: 0; font-size: 0em;} /* --------------------------- FIRST LEVEL --------------------------- */ div#wrapper { width: 774px; margin: 0 auto; height: 100% !important; overflow: visible;} div#body_top { height: 7px; background: url(../img/layout/body_top_bottom.gif) top left repeat-x;} div#body_middle_left { padding-left: 7px; background: url(../img/layout/body_middle_left.gif) left repeat-y #f9f9f9;} div#body_middle_right { padding-right: 7px; background: url(../img/layout/body_middle_right.gif) right repeat-y;} div#body_bot { height: 7px; background: url(../img/layout/body_top_bottom.gif) bottom left repeat-x;} div#body_top img, div#body_bot img { height: 1px; width: 1px;} div#header { display: block; } div#branding { float: left;} div#main_nav { float: right; background-color: #f9f9f9; } div#body_middle_right div.contents { border-top: 2px solid #760000; background: url(../img/layout/contents_bck.gif) 100% 60px no-repeat #ffffff; height:100%; _height: auto; } div#main_image { display: none; background-color: #ffffff; height: 272px;} div#main_image1 { display: none; background-color: #ffffff; height: 272px;} div#main_image2 { display: none; background-color: #ffffff; height: 272px;} div#main_image3 { display: none; background-color: #ffffff; height: 272px;} div#main_image4 { display: none; background-color: #ffffff; height: 272px;} div#main_image5 { display: none; background-color: #ffffff; height: 272px;} div#main_image6 { display: none; background-color: #ffffff; height: 272px;} div#main_image7 { display: none; background-color: #ffffff; height: 272px;} div#main_image8 { display: none; background-color: #ffffff; height: 272px;} div#main_image9 { display: none; background-color: #ffffff; height: 272px;} div#main_image10 { display: none; background-color: #ffffff; height: 272px;} div#main_image11 { display: none; background-color: #ffffff; height: 272px;} div#main_image12 { display: none; background-color: #ffffff; height: 272px;} div#main_image13 { display: none; background-color: #ffffff; height: 272px;} div#main_image14 { display: none; background-color: #ffffff; height: 272px;} div#language { text-align: right; margin: 0 10px; margin-bottom: 2px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } div#language a { margin: 0 3px;} div#main_title { height: 56px; line-height: 8.7em; padding-right: 3%; border-bottom: 1px solid #ececec; overflow: hidden;} div#main_title h3 { font-size: 19px; font-weight: normal; font-style: italic; letter-spacing: 5px; text-align: right; color: #d6d6d6; text-transform: uppercase;} div#main_title h3 span { display: none;} div#main_title hr { display: none;} div#left_col { width: 64%; float: left; padding-left: 4%; padding-right: 2%; padding-top: 15px; padding-bottom: 25px;} div#right_col { width: 24%; float: right; padding-right: 4%; padding-left: 2%; padding-top: 15px; padding-bottom: 25px;} div#footer { margin-bottom: 10px;} /* BRANDING */ div#branding h1 { background: url(../img/layout/branding_logo.gif) no-repeat left top; display: block; background-color: #f9f9f9; } div#branding h1 a { display: block; width: 357px; height: 67px; text-indent: -9999px; overflow: hidden;} div#branding h2 { display: none;} /* MAIN NAV */ div#main_nav h3 { display: none;} div#main_nav hr { display: none;} div#main_nav ul { list-style: none; margin: 0; padding: 0; } div#main_nav ul li { float: left; list-style: none; margin: 0; padding: 0; display: inline; } div#main_nav ul li a { display: block; height: 67px; width: 67px; background-image: url(../img/layout/main_nav.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;} li#main_nav_1 a:link, li#main_nav_1 a:visited { background-position: 0px 0px;} li#main_nav_2 a:link, li#main_nav_2 a:visited { background-position: -67px 0px;} li#main_nav_3 a:link, li#main_nav_3 a:visited { background-position: -134px 0px;} li#main_nav_4 a:link, li#main_nav_4 a:visited { background-position: -201px 0px;} li#main_nav_5 a:link, li#main_nav_5 a:visited { background-position: -268px 0px;} li#main_nav_6 a:link, li#main_nav_6 a:visited { background-position: -335px 0px;} div#main_nav ul li a:hover { background-color: #f2f2f2; } div#main_nav ul li a:active, div#main_nav ul li a:focus { background-color: #ebebeb; } div#main_nav ul.sel_1 li#main_nav_1 a:link, div#main_nav ul.sel_1 li#main_nav_1 a:visited {background-color: #ebebeb;} div#main_nav ul.sel_2 li#main_nav_2 a:link, div#main_nav ul.sel_2 li#main_nav_2 a:visited {background-color: #ebebeb;} div#main_nav ul.sel_3 li#main_nav_3 a:link, div#main_nav ul.sel_3 li#main_nav_3 a:visited {background-color: #ebebeb;} div#main_nav ul.sel_4 li#main_nav_4 a:link, div#main_nav ul.sel_4 li#main_nav_4 a:visited {background-color: #ebebeb;} div#main_nav ul.sel_5 li#main_nav_5 a:link, div#main_nav ul.sel_5 li#main_nav_5 a:visited {background-color: #ebebeb;} div#main_nav ul.sel_6 li#main_nav_6 a:link, div#main_nav ul.sel_6 li#main_nav_6 a:visited {background-color: #ebebeb;} /*SUBMAIN NAV*/ div#sub_main_nav ul.sel_1 li#sub_main_nav_1 a:link, div#sub_main_nav ul.sel_1 li#sub_main_nav_1 a:visited {background-color: #ebebeb;} div#sub_main_nav ul.sel_2 li#sub_main_nav_2 a:link, div#sub_main_nav ul.sel_2 li#sub_main_nav_2 a:visited {background-color: #ebebeb;} div#sub_main_nav ul.sel_3 li#sub_main_nav_3 a:link, div#sub_main_nav ul.sel_3 li#sub_main_nav_3 a:visited {background-color: #ebebeb;} div#sub_main_nav ul.sel_4 li#sub_main_nav_4 a:link, div#sub_main_nav ul.sel_4 li#sub_main_nav_4 a:visited {background-color: #ebebeb;} div#sub_main_nav ul.sel_5 li#sub_main_nav_5 a:link, div#sub_main_nav ul.sel_5 li#sub_main_nav_5 a:visited {background-color: #ebebeb;} div#sub_main_nav ul.sel_6 li#sub_main_nav_6 a:link, div#sub_main_nav ul.sel_6 li#sub_main_nav_6 a:visited {background-color: #ebebeb;} /* FOOTER */ div#footer p { margin: 0; padding: 0; padding-top: 2px; font-size: 0.8em; color: #969696; padding-left: 10px;} div#footer p a { color: #969696; } div#footer p a:hover { color: #000000;} div#footer p a:active { color: #000000;} div#footer p.sections { text-transform: uppercase; } div#footer p.sections a:link, div#footer p.sections a:visited { color: #760000;} /* CONTENT BOXES */ div.box { padding-top: 15px; margin-bottom: 8px;} div.box div.box_titulo { margin-bottom: 15px;} div.box div.box_titulo h3 { font-size: 15px; color: #8C8C8C;} div.box div.box_titulo h3 a { color: black;} div.box div.box_titulo h3 a:link, div.box div.box_titulo h3 a:visited { color: black;} /*div.box div.box_content span.category { font-size: 9px;}*/ div.box div.box_content span.category { font-size: 11px;} div.box div.box_content span.category a:link, div.box div.box_content span.category a:visited { color: #333333;} div.box div.box_content span.time { color: #999999;} div.box div.lista div.box_content div.loop { margin-bottom: 20px;} div.box div.lista div.box_content div.loop h4.title { font-size: 12px; margin-top: 2px; margin-bottom: 3px;} div.box div.lista div.box_content div.loop p.body { margin: 0; color: #999999; line-height: 1.2em;} div#left_col div.box div.lista div.box_content div.loop div.foto img { margin: 7px; margin-left: 0; background-color: #E5E5E5; padding: 6px; border: 1px solid #cccccc;} div#left_col div.box div.desarrollo div.box_content div.foto { float: left; clear: right; } div#left_col div.box div.desarrollo div.box_content div.foto img { margin: 0 15px 15px 0; background-color: #E5E5E5; padding: 10px; border: 1px solid #cccccc;} div.box div.box_content h6 {font-size: 8px; letter-spacing: 1px; text-transform: uppercase; color: #3B3B3B; margin-bottom: -1.1em; margin-top: 3em;} div.box div.desarrollo div.box_content {} div.box div.desarrollo div.box_content h4 { font-size: 13px; font-style: italic;} div.box div.desarrollo div.box_content h4.title { font-size: 18px; margin-bottom: 3px; font-style: normal;} /* FORMS */ div#left_col div.box_content div.form { margin-bottom: 15px; padding: 0px;} div#left_col div.box_content div.form table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 10px;} div#left_col div.box_content div.form table th { width: 25%; text-align: right; font-weight: normal; padding: 4px; padding-right: 5px; vertical-align: top;} div#left_col div.box_content div.form table td { width: 75%; padding: 2px; } div#left_col div.box_content div.form table tr.f_textfield td input { width: 99%; } div#left_col div.box_content div.form table tr.f_select td select { width: 100%; } div#left_col div.box_content div.form table tr.f_select_list th { vertical-align: top;} div#left_col div.box_content div.form table tr.f_select_list td select { width: 100%; } div#left_col div.box_content div.form table tr.f_checkbox td input { background-color: none; background-color: transparent; border: none; } div#left_col div.box_content div.form table tr.f_textarea th { vertical-align: top;} div#left_col div.box_content div.form table tr.f_textarea td textarea { width: 99%; height: 100px;} div#left_col div.box_content div.form table tr.f_input_file td input { } div#left_col div.box_content div.form div.actions_right { text-align: right; margin-bottom: 10px;} div#left_col div.box_content div.form div.actions_right input { margin-left: 3px;} div#left_col div.box_content div.form div.actions_right a { margin-left: 10px; font-weight: bold;} div#right_col div.box_content div.form { margin-bottom: 15px; padding: 0px;} div#right_col div.box_content div.form table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 10px;} div#right_col div.box_content div.form table th { width: 30%; text-align: right; font-weight: normal; padding: 1px; padding-right: 5px;} div#right_col div.box_content div.form table td { width: 70%; padding: 1px; } div#right_col div.box_content div.form table tr.f_textfield td input { width: 97%; } div#right_col div.box_content div.form table tr.f_select td select { width: 100%; } div#right_col div.box_content div.form table tr.f_checkbox td input { background-color: none; background-color: transparent; border: none; } div#right_col div.box_content div.form table tr.f_input_file td input { } div#right_col div.box_content div.form div.actions_right { text-align: right; margin-bottom: 10px;} div#right_col div.box_content div.form div.actions_right input.button { margin-left: 3px; padding: 1px;} div#right_col div.box_content div.form div.actions_right a { margin-left: 5px; font-weight: bold;}