

/* Neutralizamos los Estilos */
*{
margin:0;
padding:0;
border:none;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
font-weight:normal;
margin:0px 0px 10px 0px;
padding:0px;
}

h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}

/* Algunos ajustes basicos */
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

li, dd, blockquote {
margin-left:1em;
}

/* Links Bases */
a, a:link, a:visited {
color:#999999;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#999999;
text-decoration:none;
}

a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;
/*Si ponemos un background aparecerá como fondo de la imagen, sirve para simular imágenes de carga*/
}

/* Algunas clases útiles */
.clear {
clear:both;
}

.clear2 {
clear:both;
height:30px;
margin-top:100px;
}

.clear3 {
clear:both;
height:10px;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.center {
text-align:center;
}

span{
padding:3px;
}

.celeste{
color:#999999;
}

.chico{
font-size:11px;
}

/* Estructura */
body{
margin:0px;
padding:0px;
height:100%;
background-color:#b9c5d3;
background-image:url(imgs/bg-homeg.gif);
background-position:center top;
background-repeat:repeat-x;

}

.bghome{
background-position:center top;
background-repeat:repeat-x;
background-image:url(imgs/bg-homeg.gif);
}

#header{
margin:0px auto;
padding:0px;
width:750px;
height:57px;
}

#logo{
margin:8px 10px 8px 0px;
padding:0px;
float:left;
width:230px;
}

#content{
width:750px;
margin:0px auto;
padding:0px;
}

/* Bloques */
.bloque1,
.bloque2,
.bloque3,
.bloque4{
float:inherit;
width:210px;
}

.bloque1{
margin:0px 11px 0px 500px;
padding:0px;
}

/* Bloquess */
.bloques1,
.bloques2,
.bloques3,
.bloques4{
float:left;
width:230px;
line-height:1.5;
}

.bloques1{
margin:0px 11px 0px 3px;
padding:0px;
}

.bloques2{
margin:0px 11px 0px 11px;
padding:0px;
}

.bloques3{
margin:0px 0px 0px 11px;
padding:0px;
}

#footer{
margin:15px auto;
padding:0px;
width:750px;
}
.btnlnk2 {
margin:0px;
margin-top:50px;
padding:5px 5px 5px 10px;
border:none;
width:200px;
height:140px;
cursor:pointer;
display:block;
}

/* Destacados */
#destacado{
margin:0px;
padding: 50px 0px 0px 110px;
color:#FFFFFF;
width:550px;
}

.home{
background-position:top left;
background-repeat:no-repeat;
height:200px;
}

.imghome{
float:none;
padding:0px;
margin:25px 0px 0px 170px;
width:450px;
height:381px;
}


