/****************************************************************/
/*   Design:   dgpecero                                         */
/*   Date:     10 de Septiembre de 2010                         */
/*--------------------------------------------------------------*/
/*   License:  Todos los derechos reservados                    */
/****************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */

* {
padding : 0;
margin : 0;
}
body {
font-size : 62.5%;
background-color : rgb(255, 255, 255);
font-family : verdana, arial, sans-serif;
}
.page-container {
width : 900px;
margin : 0 auto;
margin-top : 10px;
margin-bottom : 10px;
border : 1px solid rgb(150, 150, 150);
font-size : 1em;
}
.main {
clear : both;
width : 900px;
padding-bottom : 30px;
background-color : transparent;
background-position : right;
}
.main-navigation {
display : inline;
float : left;
width : 200px;
overflow : visible !important ;
overflow : hidden;
background-image : url(../img/bg_main_withnav.jpg);
}
.main-content {
display : inline;
float : left;
width : 840px;
overflow : visible !important ;
overflow : hidden;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 30px;
}
.main-subcontent {
display : inline;
float : right;
width : 185px;
margin : 0 15px 0 0;
overflow : visible !important ;
overflow : hidden;
}
.footer {
clear : both;
width : 900px;
padding : 1em 0 1em 0;
font-size : 1em;
overflow : visible !important ;
overflow : hidden;
background-color : #000000;
background-image : url(../img/bg_head_middle.jpg);
background-repeat : no-repeat;
}
.header {
	width : 900px;
	font-family : "trebuchet ms", arial, sans-serif;
	background-color : #ffffff;
}
.header-top {
width : 900px;
height : 80px;
background : rgb(240, 240, 240) url(../img/bg_head_top.jpg);
overflow : visible !important ;
overflow : hidden;
}
.header-middle {
width : 900px;
height : 150px;
overflow : visible !important ;
overflow : hidden;
background-color : rgb(230, 230, 230);
}
.header-bottom {
width : 900px;
}
.header-breadcrumbs {
clear : both;
width : 900px;
padding : 1em 0 1.5em 0;
background : rgb(255, 255, 255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}
.sitelogo {
width : 60px;
height : 40px;
position : absolute;
z-index : 1;
margin : 22px 0 0 20px;
background : url(../img/bg_head_top.jpg);
}
.sitename {
width : 300px;
height : 45px;
position : absolute;
z-index : 1;
margin : 20px 0 0 90px;
overflow : visible !important ;
overflow : hidden;
}
.sitename h1 {
font-size : 240%;
}
.sitename h2 {
margin : -4px 0 0 0;
color : rgb(125, 125, 125);
font-size : 120%;
}
.sitename a {
text-decoration : none;
color : rgb(125, 125, 125);
}
.sitename a:hover {
text-decoration : none;
color : rgb(50, 50, 50);
}
.nav0 {
width : 350px;
position : absolute;
z-index : 2;
margin : 25px 0 0 0;
margin-left : 550px !important ;
margin-left : 553px;
}
.nav0 ul {
float : right;
padding : 0 20px 0 0;
}
.nav0 li {
display : inline;
list-style : none;
}
.nav0 li a {
padding : 0 0 0 3px;
}
.nav0 a:hover {
text-decoration : none;
}
.nav0 a img {
height : 14px;
border : none;
}
.nav1 {
width : 350px;
position : relative;
z-index : 3;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 550px;
}
.nav1 ul {
float : right;
padding : 0 15px 0 0;
font-weight : bold;
}
.nav1 li {
display : inline;
list-style : none;
}
.nav1 li a {
display : block;
float : left;
padding : 2px 5px 2px 5px;
color : #000000;
text-decoration : none;
font-size : 150%;
background-color : #cccccc;
border-right-style : solid;
}
.nav1 a:hover {
text-decoration : none;
color : rgb(50, 50, 50);
}
.sitemessage {
width : 400px;
height : 120px;
position : absolute;
z-index : 1;
margin : 20px 0 0 480px;
color : rgb(234, 239, 247);
overflow : hidden;
}
.sitemessage h1 {
width : 400px;
text-align : right;
font-size : 230%;
}
.sitemessage h2 {
float : right;
width : 320px;
margin : 8px 0 0 0;
text-align : right;
line-height : 100%;
font-size : 160%;
}
.sitemessage h3 {
float : right;
width : 320px;
margin : 10px 0 0 0;
text-align : right;
font-size : 140%;
}
.sitemessage h3 a {
text-decoration : none;
color : rgb(234, 239, 247);
}
.sitemessage h3 a:hover {
text-decoration : none;
color : rgb(50, 50, 50);
}
.nav2 {
white-space : nowrap;
float : left;
width : 900px;
border : none;
color : #000000;
font-size : 130%;
background-color : rgb(225, 225, 225);
background-image : url(../img/bg_head_middle.jpg);
background-repeat : no-repeat;
}
.nav2 ul {
	list-style-type : none;
	color : #000000;
	text-align: left;
}
.nav2 ul li {
float : left;
z-index : auto !important ;
z-index : 1000;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #333333;
}
.nav2 ul li a {
	float : none !important;
	float : left;
	display : block;
	height : 3.1em;
	line-height : 3.1em;
	text-decoration : none;
	font-weight : bold;
	color : #000000;
	padding-top : 0;
	padding-right : 65px;
	padding-bottom : 0;
	padding-left : 65px;
}
.nav2 ul li ul {
display : none;
border : none;
}
.nav2 ul li:hover {
position : relative;
}
.nav2 ul li:hover a {
background-color : rgb(210, 210, 210);
text-decoration : none;
}
.nav2 ul li:hover ul {
display : block;
width : 10em;
position : absolute;
z-index : 999;
top : 3em;
margin-top : 0.1em;
left : 0;
}
.nav2 ul li:hover ul li a {
white-space : normal;
display : block;
width : 6em;
height : auto;
line-height : 1.3em;
margin-left : -1px;
border-left : 1px solid rgb(175, 175, 175);
border-bottom : 1px solid rgb(175, 175, 175);
background-color : rgb(237, 237, 237);
font-weight : normal;
color : rgb(50, 50, 50);
padding-top : 4px;
padding-right : 12px;
padding-bottom : 4px;
padding-left : 12px;
}
.nav2 ul li:hover ul li a:hover {
background-color : rgb(210, 210, 210);
text-decoration : none;
}
.nav2 table {
position : absolute;
top : 0;
left : -1px;
border-collapse : collapse;
}
.nav2 ul li a:hover {
position : relative;
z-index : 1000;
background-color : rgb(210, 210, 210);
text-decoration : none;
}
.nav2 ul li a:hover ul {
display : block;
width : 10em;
position : absolute;
z-index : 999;
top : 3.1em;
top : 3em;
left : 0;
margin-top : 0.1em;
}
.nav2 ul li a:hover ul li a {
white-space : normal;
display : block;
width : 10em;
height : 1px;
line-height : 1.3em;
padding : 4px 16px 4px 16px;
border-left : 1px solid rgb(175, 175, 175);
border-bottom : 1px solid rgb(175, 175, 175);
background-color : rgb(237, 237, 237);
font-weight : normal;
color : rgb(50, 50, 50);
}
.nav2 ul li a:hover ul li a:hover {
background-color : rgb(210, 210, 210);
text-decoration : none;
}
.header-breadcrumbs ul {
float : left;
width : 560px;
list-style : none;
padding : 0 0 0 15px;
font-family : verdana, arial, sans-serif;
}
.header-breadcrumbs ul li {
display : inline;
padding : 0 0 0 10px;
background : transparent url(../img/bg_bullet_arrow.gif) no-repeat 0% 50%;
font-weight : bold;
color : rgb(125, 125, 125);
font-size : 100%;
}
.header-breadcrumbs ul a {
color : rgb(70, 122, 167);
text-decoration : none;
}
.header-breadcrumbs ul a:hover {
color : rgb(42, 90, 138);
text-decoration : underline;
}
.header-breadcrumbs .searchform {
float : right;
width : 285px;
padding : 0 17px 0 0 !important ;
padding : 0 12px 0 0;
}
.header-breadcrumbs .searchform form fieldset {
float : right;
border : none;
}
.header-breadcrumbs .searchform input.field {
width : 10em;
padding : 0.2em 0 0.2em 0;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 120%;
}
.header-breadcrumbs .searchform input.button {
width : 3em;
padding : 1px !important ;
padding : 0;
background : rgb(230, 230, 230);
border : 1px solid rgb(150, 150, 150);
text-align : center;
font-family : verdana, arial, sans-serif;
color : rgb(150, 150, 150);
font-size : 120%;
}
.header-breadcrumbs .searchform input.button:hover {
cursor : pointer;
border : 1px solid rgb(80, 80, 80);
background : rgb(220, 220, 220);
color : rgb(80, 80, 80);
}
.main-navigation .round-border-topright {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
margin : 0 0 0 190px;
background : url(../img/bg_corner_topright.gif) no-repeat;
}
.column1-unit {
width : 840px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
font-size : 24px;
}
.column2-unit-left {
float : left;
width : 200px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
}
.column2-unit-right {
float : right;
width : 200px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
}
.column3-unit-left {
float : left;
width : 120px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
}
.column3-unit-middle {
float : left;
width : 120px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
margin-left : 40px;
}
.column3-unit-right {
float : right;
width : 120px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
}
.subcontent-unit-border {
width : 183px;
margin : 0 0 2em 0;
padding : 0 0 5px 0;
border : 1px solid rgb(190, 190, 190);
background : rgb(235, 235, 235);
}
.subcontent-unit-border-green {
width : 183px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
border : 1px solid rgb(160, 214, 81);
background-color : rgb(217, 239, 185);
}
.subcontent-unit-border-blue {
width : 183px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
border : 1px solid rgb(137, 170, 214);
background-color : rgb(213, 225, 240);
}
.subcontent-unit-border-orange {
width : 183px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
border : 1px solid rgb(232, 177, 13);
background-color : rgb(248, 224, 150);
}
.subcontent-unit-noborder {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background : rgb(235, 235, 235);
}
.subcontent-unit-noborder-green {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background-color : rgb(217, 239, 185);
}
.subcontent-unit-noborder-blue {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background-color : rgb(213, 225, 240);
}
.subcontent-unit-noborder-orange {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background-color : rgb(248, 224, 150);
}
.round-border-topleft {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topleft.gif) no-repeat;
margin-top : -1px;
margin-left : -1px;
}
.round-border-topright {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topright.gif) no-repeat;
margin-top : -1px;
margin-left : 174px;
}
.round-noborder-topleft {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topleft.gif) no-repeat;
margin-top : 0;
margin-left : 0;
}
.round-noborder-topright {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topright.gif) no-repeat;
margin-top : 0;
margin-left : 175px;
}
.footer p {
line-height : 1.3em;
text-align : center;
color : #000000;
font-weight : bold;
font-size : 110%;
}
.footer p.credits {
font-weight : normal;
}
.footer a {
text-decoration : underline;
color : #000000;
}
.footer a:hover {
text-decoration : none;
color : rgb(0, 0, 0);
}
.footer a:visited {
color : rgb(0, 0, 0);
}
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
p:after {
content : ".";
display : block;
height : 0;
visibility : hidden;
}
.footer:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clear-contentunit {
clear : both;
width : 640px;
height : 0.1em;
border : none;
background : rgb(210, 210, 210);
color : rgb(210, 210, 210);
}
@media print {
.header-top {
width : 900px;
height : 80px;
background : rgb(240, 240, 240);
overflow : visible !important ;
overflow : hidden;
}
}
@media print {
.header-breadcrumbs {
width : 900px;
background : transparent;
}
}
@media print {
.nav2 {
float : left;
width : 900px;
border : none;
background : rgb(240, 240, 240);
color : rgb(75, 75, 75);
font-size : 1em;
font-size : 130%;
}
}
@media print {
.main {
clear : both;
width : 900px;
padding-bottom : 30px;
background : transparent;
}
}
@media print {
.main-navigation {
display : inline;
float : left;
width : 199px;
border-right : 1px solid rgb(200, 200, 200);
border-bottom : 1px solid rgb(200, 200, 200);
background-color : rgb(240, 240, 240);
overflow : visible !important ;
overflow : hidden;
}
}
@media print {
.footer {
clear : both;
width : 900px;
height : 3.7em;
padding : 1.1em 0 0;
background : rgb(240, 240, 240);
font-size : 1em;
overflow : visible !important ;
overflow : hidden;
}
} 
.page-container .header .main-content .column1-unit .c2 ul li div {
	font-size: 18px;
	text-align: center;
}
.page-container .header .main-content .column1-unit .c2 p .c2 {
	font-size: 16px;
}