/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);
@import url(http://fonts.googleapis.com/css?family=Vollkorn);

#titulo {
font-family : 'Reenie Beanie', arial, serif;
font-size : 46px;
font-weight : normal;
z-index : 2;
position : absolute;
top : 80px;
padding-left : 120px;
}
#titulobig {
font-family : "Comic Sans MS", arial, serif;
font-style:italic;
font-size : 76px;
font-weight: 200;
color: #C1EBFF;
z-index : 1;
position : absolute;
padding-left : 100px;
}
#titulosmall {
font-family : 'Reenie Beanie', arial, serif;
font-size : 36px;
font-weight : normal;
color : #ffffff;
z-index : 3;
top : 90px;
position : absolute;
padding-left : 300px;
}
h1 {
font-family : 'Vollkorn', arial, serif;
font-size : 1.3em;
color : #0cb6e9;
}
h2 {
font-family : Georgia, Serif;
font-size : 1.2em;
font-weight : lighter;
font-style : italic;
}
h3 {
margin : 0 0 10px 0;
}
* {
margin : 0;
padding : 0;
}
body {
background-image : url(../images/bg.png);
font-family : "Lucida Grande", Arial, Sans-Serif;
font-size : 0.9em;
color : #000;
overflow : auto;
}
#page-wrap {
background : white;
width : 77%;
margin : 0 auto;
}
.clear {
clear : both;
}
#wrapper {
margin : 150px;
margin-top : 10px;
}
#header {
height : 100px;
padding : 10px;
background : #006699;
text-align : center;
}
#content {
padding : 10px;
background : #fff;
}
#footer {
height : 80px;
padding : 10px;
background : #006699;
font-size : 0.9em;
text-align : center;
}
a, a:visited {
color : white;
text-decoration : none;
}
a:hover {
text-decoration : none;
}
a img {
border : none;
}
#actual a {
color : #990000;
}
#slider {
background : white url(../images/shit.png);
height : 150px;
overflow : hidden;
position : relative;
}
#mover {
width : 3300px;
position : relative;
}
.slide {
padding : 20px 30px;
width : 600px;
float : left;
position : relative;
color : #00ccff;
}
.slide h1 {
font-family : Helvetica, Sans-Serif;
font-size : 30px;
letter-spacing : -1px;
}
.slide p {
color : #ccc;
font-size : 12px;
line-height : 22px;
width : 300px;
z-index : 13000;
}
.slide img {
position : absolute;
top : 0;
left : 0;
}
#slider-stopper {
position : absolute;
top : 1px;
right : 20px;
background : #ac0000;
color : white;
padding : 3px 8px;
font-size : 10px;
text-transform : uppercase;
z-index : 100000;
}
#show {
padding : 5px;
background : #ccc;
color : #990000;
width : 50%;
margin : 10px;
text-align : center;
cursor : help;
display : none;
}
#shown {
display : none;
color : #006699;
margin : 10px;
padding : 5px;
background-color : #cccccc;
}
.tabs {
list-style : none;
overflow : hidden;
padding-left : 1px;
}
.tabs li {
display : inline;
}
.tabs li a {
display : block;
float : left;
padding : 4px 8px;
color : black;
border : 1px solid #ccc;
background : #eee;
margin : 0 0 0 -1px;
}
.tabs li a.current {
background : white;
border-bottom : 0;
position : relative;
top : 2px;
z-index : 2;
}
.tabs li a:hover {
background : black;
color : #cccccc;
}
.tabs li a:hover.current {
background : white;
color : black;
}
.box-wrapper {
padding : 20px;
background : white;
border : 1px solid #ccc;
margin : -1px 0 0 0;
height : 110px;
position : relative;
}
.content-box {
overflow : hidden;
position : absolute;
top : 20px;
left : 20px;
height : 130px;
}
.col-one, .col-two, .col-three {
width : 47%;
float : left;
position : relative;
top : 150px;
}
.col-one, .col-two, .col-three {
margin-right : 3%;
}