@charset "UTF-8";
/* CSS Document */

body {
margin: 0px auto 0px auto;
text-align: center;
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-position: center top;
background-color: #000;
}

div#frame {
width: 1000px;
margin: 0px auto 0px auto;
position: relative;
height: 1600px;
text-align: left;
}

div#contentleft {
position: relative;
float: left;
margin: 0 0 0 25px;
padding: 0 0 0 0;
/*background: rgba(51,0,0,0.6);*/
background: url(http://www.osslp.com.mx/images/graphics/330000_60.png) repeat;
height: 100%;
width: 175px;
}

div#content300 {
position: relative;
float: left;
margin: 0 150px 0 100px;
padding: 0 0 0 0;
/*background: rgba(255,255,255,0.8);*/
background: url(http://www.osslp.com.mx/images/graphics/white80.png) repeat;
height: 100%;
width: 300px;
text-align: left;
}

div#content400 {
position: relative;
float: left;
margin: 0 100px 0 50px;
padding: 0 0 0 0;
/*background: rgba(255,255,255,0.8);*/
background: url(http://www.osslp.com.mx/images/graphics/white80.png) repeat;
height: 1500px;
width: 400px;
text-align: left;
}

div#contentright {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*background: rgba(0,0,0,0.85);*/
background: url(http://www.osslp.com.mx/images/graphics/black85.png) repeat;
height: 100%;
width: 200px;
}

div#logo {
float: left;
margin: 25px 0 0 0;
text-align: center;
height: 117px;
width: 175px;
border: 0;
/*background: url(http://www.osslp.com.mx/images/graphics/logodorado.png) no-repeat;*/
}

div#top {
float: left;
margin: 25px 0 0 0;
font-family: Lucida Grande, Garmonde, sans-serif; 
line-height: 1em;
text-align: center;
height: 125px;
width: 100%;
/*background-color: #fff;*/
}

div#cartel {
float: left;
margin: 25px 0 0 0;
line-height: 1em;
text-align: center;
width: 100%;
}

div#box25 {
float: left;
margin: 10px 0 0 0;
background-color: #fff;
height: 25px;
width: 100%;
text-align: left;
}

div#box200 {
float: left;
margin: 0 0 0 0;
font-family: Lucida Grande, Garmonde, sans-serif; 
font-size: 10px;
/*background-color: #567;*/
height: 175px;
width: 100%;
text-align: left;
}

/*------ XTRAS -----*/

div#space25 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 25px;
width: 100%;
}

div#space50 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 100%;
width: 50px;
}

div#space100 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 100%;
width: 100px;
}

/*------ FONTS -----*/

h1 {
font-size: 14px;
color: #000;
font-style :normal;
font-weight: bold;
font-family: Lucida Grande, Garmonde, sans-serif; 
margin: 5px 10px 1em 10px;
}

h2 {
line-height: 1.2em;
color: #000;
font-family: Lucida Grande, Garmonde, sans-serif; 
font-size: 11px;
font-style :normal;
font-weight: normal;
margin: 0px 10px 5px 10px;
}

h3 {
line-height: 1.4em;
color: #660000;
font-family: Lucida Grande, Garmonde, sans-serif; 
font-size: 12px;
font-style :normal;
font-weight: bold;
margin: 0px 10px 5px 10px;
}

h4 {
line-height: 1.75em;
color: #000;
font-family: verdana, sans-serif;
font-size: 9px;
font-style :normal;
font-weight: normal;
margin: 0px 10px 1em 10px;
}

titel { 
line-height: 0.5em;
color: #660000;
font-family: Lucida Grande, Garmonde, sans-serif; 
font-size: 12px;
font-style :normal;
font-weight: bold;
margin: 0px 10px 1em 10px;
}

section { 
/*line-height: 1em;*/ 
color: #333; 
font-family: Lucida Grande, Garmonde, sans-serif; 
font-size: 18px; 
font-weight: bold; 
margin: 0px 5px 0 5px;
}

sec11 { 
color: #333; 
font-family: Lucida Grande, Garmonde, sans-serif; 
font-size: 11px; 
font-weight: normal; 
}

sec14 { 
color: #333; 
font-family: Lucida Grande, Garmonde, sans-serif; 
font-size: 14px; 
font-weight: normal; 
}

.byline { color: #ccc; font-size: 11px; font-weight: bold; }

.underrubrik { font-size: 12px; font-weight: bold; }

.upper { text-transform: uppercase;  font-size: 13px; color: #333; font-weight: bold; margin: 15px 0 0 0}

.upper2 { text-transform: uppercase;}

.fed { font-weight: bold; }

.center { text-align: center; }

.pale { color: #ccc; }

.white { color: #fff; }

.quote { font-family: "Courier"; font-size: 12px; }

/*------ NAVIGATION ----*/

div#nav {
float: left;
text-align: left;
height: 400px;
width: 100%;
margin-top: 25px;
/*background-color: #6da22b;*/
list-style:none;
list-style-type:none;
}

ul#nav {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

ul#nav li {
line-height: 1.6em;
font-family: Lucida Grande, Garmonde, sans-serif; 
font-weight: bold;
color: #ccc;
font-size: 14px;
text-transform: uppercase; 
margin: 0px 0px 0px 5px ;
list-style:none;
}

.current {
color: #fff;
text-decoration: none;
border: 0px;
}

a.nav:link {
color: #ccc;
text-decoration: none;
border: 0px;
}

a.nav:visited {
color: #cc9933;
text-decoration: none;
border: 0px;
}

a.nav:hover {
color: #fff;
text-decoration: none;
border: 0px;
}

a.nav:active {
color: #fff;
border: 0px;
}

/*------SUB-NAVIGATION ----*/

div#sub {
float: left;
text-align: left;
/*height: 300px;*/
width: 100%;
/*margin-top: 25px;*/
/*background-color: #6da22b;*/
list-style:none;
list-style-type:none;
}

ul#sub {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

ul#sub li {
line-height: 1.3em;
font-family: Lucida Grande, Garmonde, sans-serif; 
font-weight: bold;
color: #ccc;
font-size: 10px;
/*text-transform: uppercase;*/ 
margin: 0px 0px 0px 0px ;
list-style:none;
}

.current {
color: #fff;
text-decoration: none;
border: 0px;
}

a.sub:link {
color: #ccc;
text-decoration: none;
border: 0px;
}

a.sub:visited {
color: #999;
text-decoration: none;
border: 0px;
}

a.sub:hover {
color: #fff;
text-decoration: none;
border: 0px;
}

a.sub:active {
color: #fff;
border: 0px;
}

/*------LINKS ----*/

div#link {
float: left;
text-align: left;
/*height: 300px;*/
width: 100%;
/*margin-top: 25px;*/
/*background-color: #6da22b;*/
list-style:none;
list-style-type:none;
}

ul#link {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

ul#link li {
line-height: 1.3em;
font-family: Lucida Grande, Garmonde, sans-serif; 
font-weight: bold;
color: #cc9933;
font-size: 10px;
/*text-transform: uppercase;*/ 
margin: 0px 0px 0px 0px ;
list-style:none;
}

a.link:link {
color: #cc9933;
text-decoration: none;
border: 0px;
}

a.link:visited {
color: #cc9933;
text-decoration: none;
border: 0px;
}

a.link:hover {
color: #999;
text-decoration: none;
border: 0px;
}

a.link:active {
color: #ccc;
border: 0px;
}

/*------- LIST -----*/
div#list {
float: left;
text-align: left;
height: 16px;
width: 100%;
background-color: #6da22b;
list-style:none;
list-style-type:none;
}

ul#list {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

ul#list li {
line-height: 1.5em;
font-family: Lucida Grande, Garmonde, sans-serif; 
color:#333;
font-size: 12px;
margin: 0px 0px 0px 0px ;
list-style: none;
}

/*------- POSITION ------*/
pos		{ padding-right: 80px; position: relative; margin-bottom: 1.0em;}
.top		{ position: absolute; bottom: 0; right: 0; }

.home	{ position: absolute; top: 0; right: 0; }

.notice	{ background: #ffdfdf; padding: 10px 0 0 80px; border: 1px solid red; 
		  position: relative; min-height: 70px; font-size: 150%; }
.close	{ position: absolute;  left: 0; top: 0; }

form		{ padding-right: 80px; margin-bottom: 20px; }
fieldset	{ padding: 10px; position: relative; }
label		{ display: block; float: left; width: 120px; }
input, textarea		{ margin-bottom: 5px; }
legend	{ font-size: 1.8em; }

.signin	{ position: absolute; top: -18px; right: 12px; }