body {height:100%}

html {height:100%}

* html #contenido{height:100%;}

body {
background-color:#141414;
color:#fff;
width: 100%;
height: 100%;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
}

.pad10{padding: 10px;}
.pad5{padding: 5px;}
p {margin:0}
.borde{border:1px solid #CFCFCF;}
.color{ color:#00A4FF;}
.bordew{border:1px solid #00C4F5; margin:2px;}

#container{
width: 100%;
margin:0 auto;
background-color: #2B2B2B;
}

#contenido{
width:1024px;
margin:0 auto;
background-color:#2B2B2B;
text-align:center !important;
/*height:1100px !important;*/
height:auto !important; /* real browsers */
height:100% !important; /* IE6: treaded as min-height*/
min-height:100% !important; /* real browsers */
}

#header{
font-family: "Trebuchet MS", Helvetica, sans-serif;
background:url(imagenes/webcams-back.png);
border-bottom:1px solid #323232;
height:161px;
vertical-align:top;
}

#head{
width:999px;
margin: 0 auto;
}

.bloque-title{
background: url(imagenes/titulo.png) 0px 0px no-repeat;
width: 1024px;
height: 43px;
margin: 5px 0 0 0;
float: left;
}

.bloque-body{
background:url(imagenes/columna.png) 0px 0px repeat-y;
width: 1024px;
margin: 0;
float: left;
}

.bloque-content{
width: 1024px;
margin: 0;
float: left;
}

.bloque-footer{
background: url(imagenes/pie.png) 0px 0px no-repeat;
width: 1024px;
height: 6px;
margin: 0 0 0 0;
float: left;
}

.bloque-titulotxt {
height: 43px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 43px;
letter-spacing: -1px;
padding: 0 0 0 16px;
margin: 0;
float: left;
}

#header h1{
padding:0;
margin:0;
font-size:30px;
position:absolute;
color:#00C0FF;
}

#logo{
width:965px;
margin-left:10px;
background-color:#70BBE9;
height:180px;
}

#footerx{
clear:both;
background-color:#141414;
text-align: center;
font-weight:bold;
color:#fff;
border-top:1px solid #323232;
}

#footerx a{
color:#fff;
}

h1{
margin:0;
font-size:30px;
position:absolute;
color:#00C0FF;
}

h2{
margin-top:35px;
font-size:20px;
position:absolute;
}

h3{
padding:2px 0 2px 0;
margin:0 0 5px 0;
color:#FF3600;
}

a {
color:#00C0FF;
text-decoration: none;
}

a:visited{
color:#00C0FF;
text-decoration: none;
}

a:hover{
color:#2FCDFF;
text-decoration: underline;
}

.titulo {
color:#FF00B2;
font-size:20px;
font-weight:bold;
text-transform:capitalize;
text-align:center !important;
margin: 0 auto !important;
}
 

/* footer elements */

.footerwrapper{ 
background: #1b1b1b;
width: 100%;
border-top: 1px solid #222;
border-bottom: 1px solid #222;
padding: 26px 0;
margin: 0;
float: left;
}
.copyright{
width: 1024px;
margin: 0 auto;
}

.footer{
width: 1024px;
margin: 0 auto;
}

.fsection-alt{
background: url(imagenes/bg_fsection.png) top right repeat-y;
width: 250px;
float: left;
}

.fsection{
background: url(imagenes/bg_fsection.png) top right repeat-y;
width: 250px;
float: left;
}
.fsection{
margin: 0 8px 0 0;
}
.fsection-alt{
margin: 0;
}

.fstext-alt{
background: url(imagenes/bg_fsection-h1.png) 0px 0px no-repeat;
width: 225px;
height: 45px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
color: #fff;
text-align: left;
line-height: 45px;
letter-spacing: -1px;
padding: 0 0 0 14px;
margin: 0 0 6px 0;
float: left;
}

.fstext{
background: url(imagenes/bg_fsection-h1.png) 0px 0px no-repeat;
width: 225px;
height: 45px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
color: #fff;
text-align: left;
line-height: 45px;
letter-spacing: -1px;
padding: 0 0 0 14px;
margin: 0 0 6px 0;
float: left;
}

.fstext-alt span{
color: #00c0ff;
}

.fstext span{
color: #00c0ff;
}

.fsection-alt ul{
width: 239px;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
}

.fsection ul{
width: 239px;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
}

.fsection-alt ul li{
width: 239px;
height: 25px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333;
text-align: left;
line-height: 25px;
letter-spacing: -1px;
padding: 0;
margin: 0 0 3px 0;
float: left;
}

.fsection ul li{
width: 239px;
height: 25px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333;
text-align: left;
line-height: 25px;
letter-spacing: -1px;
padding: 0;
margin: 0 0 3px 0;
float: left;
}
.fsection-alt ul li a{
display: block;
padding: 0 0 0 29px;
text-decoration: none;
}
.fsection ul li a{
display: block;
padding: 0 0 0 29px;
text-decoration: none;
}
.fsection-alt ul li a:visited{
color: #333;
text-decoration: none;
}
.fsection ul li a:visited{
color: #333;
text-decoration: none;
}
.fsection-alt ul li a:link{
color: #333;
text-decoration: none;
}
.fsection ul li a:link{
color: #333;
text-decoration: none;
}
.fsection-alt ul li a:hover{
background: url(imagenes/bg_fsection-li.png) 0px 0px no-repeat;
color: #fff;
text-decoration: none;
}

.fsection ul li a:hover{
background: url(imagenes/bg_fsection-li.png) 0px 0px no-repeat;
color: #fff;
text-decoration: none;
}

/* copyright elements */
.copyright h1{
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333;
text-align: center;
padding: 0;
float: left;
}

.copyright p{
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333;
text-align: center;
padding: 0;
float: left;
}
.copyright p{
margin: 0;
}
.copyright h1{
margin: 10px 0;
}
.copyright a:visited{
color: #333;
text-decoration: none;
}
.copyright a:link{
color: #333;
text-decoration: none;
}
.copyright a:hover{
color: #fff;
text-decoration: none;
}