@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}

object {
outline:none;
}
object:hover {border:0px solid;} 

a{
text-decoration:none;
}

html, body{
margin:0;
padding:0;
text-align:center;
background-color:#000000;
height:100%;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#imagen_centro{
width:353px;
height:585px;
margin:20px auto;
color:#00FF00;
text-align:center;
font-size:9px;
letter-spacing:-0.8px;
font-family:Arial, Helvetica, sans-serif;
}

#imagen_centro p{
width:100%;
}

#contenedor{
width:950px;
height:830px;
margin:auto;
min-width:950px;
background-image:url(../img/fondo.jpg);
background-position:top center;
background-repeat:no-repeat;
text-align:center;
}

#header, #cuerpo{
padding:1%;
width:99%;
float:left;
}

#header img{
float:left;
margin:10px 30px 0 10px;
}

#header ul{
float:right;
padding-right:10px;
padding-top:4px;
list-style:none;
display:inline;
text-align:left;
font-size:9px;
letter-spacing:-0.8px;
font-family:Arial, Helvetica, sans-serif;
}

#header ul li a{
color:#00FF00;
}

#cuerpo {
margin-top:-15px;
}

#cuerpo #izquierda{
width:26%;
float:left;
padding-left:10px;
}

#cuerpo #derecha{
width:68%;
padding: 0 0.3% 0 0.5%;
text-align:center;
margin-top:5px;
float:right;
}

#cuerpo h1 {
color:#00FF00;
font-size:11px;
text-transform:uppercase;
padding:4px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
width:95%;
background-color:#000000;
margin:5px;
}

#cuerpo h1 a{
color:#00FF00;
}



#cuerpo h3{
background-color:#00FF00;
color:#000000;
font-size:11px;
text-transform:uppercase;
padding:4px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
width:95%;
margin:5px;
}


#cuerpo h2{
color:#FFFFFF;
font-size:9px;
text-transform:uppercase;
padding:4px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
width:100%;
}

#cuerpo p {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding: 4px 0;
}

#cuerpo p a{
color:#00FF00;
padding-right:6px;
}


#trabajos{
list-style-type:none;
padding-left:8px;
}

#trabajos li{
background-image:url(../img/flecha.png);
padding:3px 0 3px 12px;
background-position:center left;
background-repeat:no-repeat;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:uppercase;
text-align:left;
width:98%;
}

#trabajos li a{
color:#FFFFFF;
}

#trabajos li a:hover{
color:#00FF00;
background-color:#000000;
}

#derecha .negro{
margin:auto auto 10px auto;
width:100%;
max-width:550px;
background-color:#000000;
padding:4px;
}


.about{
height:553px;
margin: 5px 0;
left:38%;
position:absolute;
z-index:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

#video_fl{
background-color:#000000;
margin:0;
padding:0;
}

.about p{
width:530px;
margin:0 auto ;
}

#cuerpo .verde{
color:#00FF00;
}

h4{
color:#FFF;
margin:20px 0 20px 0;
width:100%;
border-bottom:1px dashed #FFF;
}

.arriba{
height:325px;
margin: 5px 0;
left:38%;
position:absolute;
z-index:0;
}

.abajo{
height:200px;
margin: 5px 0;
left:38%;
top:510px;
position:absolute;
z-index:0;
text-align:center;
}

b{
color:#00FF00;
}

.flechas{
width:20px;
margin:100px 0;
padding:7px;
height:100%;
text-align:center;
cursor:pointer;
position:absolute;
left:510px;
z-index:3;
display:none;
}

#loading{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#00FF00;
width:100px;
text-align:center;
position:absolute;
top:150px;
left:235px;
background-color:#000;
}


#mascara{
width:65%;
height:325px;
overflow:hidden;
text-align:center;
vertical-align:middle;
left:2%;
position:absolute;
z-index:-2;
}

#imagen{
left:0;
z-index:-1;
position:absolute;
display:none;
margin:auto;
}

#ver_video{
width:80px;
height:15px;
background-color:#00FF00;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
padding:2px;
left:10px;
top:305px;
z-index:1;
position:absolute;
}

#ver_video a{
color:#000;
}

#ver_video a:hover{
color:#00FF00;
}

#ver_video:hover{
color:#00FF00;
background-color:#000;
}

/*ADMIN*/

#cuerpo td{
font-size:11px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

td a{
color:#00FF00;
}