/* CSS by:
Miguel Estrada
* * * * * * * * * * *
Internet en Buen Plan
-------
* Soluciones Web Comerciales: www.coahuila.biz
* Posicionamiento Web: www.saltillo.biz
* Portales Inmobiliarios: www.inmobr.com
* Web 2.0 Experimental: www.desarrollador.com.mx
* Business Intelligence: www.monterrey.ws
 */

#wrapper{
width:780px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:-10px;
margin-bottom:-11px;
background-image:url(img/bg.jpg);
background-repeat:repeat-y;
}

body{
background-color:#000000;
}

#bg-top{
width:780px;
height:30px;
margin-left:auto;
margin-right:auto;
background-image:url(img/bg-top.jpg);
background-repeat:no-repeat;
}

#bg-btm{
width:780px;
height:30px;
margin-left:auto;
margin-right:auto;
margin-bottom:-30px;
background-image:url(img/bg-btm.jpg);
background-repeat:no-repeat;
}

#header{
width:680px;
height:200px;
margin-left:auto;
margin-right:auto;
background-image:url(img/header.jpg);
background-repeat:no-repeat;
}

#nav{
width:680px;
height:40px;
margin-left:auto;
margin-right:auto;
}

.button{
float:left;
width:170px;
height:43px;
background-image:url(img/button.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:17px;
text-transform:uppercase;
text-align:center;
padding-top:13px;
}

.button a{
text-decoration:none;
color:#FFFFFF;
}

.button a:hover{
text-decoration:none;
color: #FFFF00;
}

#top{
width:685px;
height:30px;
margin-left:auto;
margin-right:auto;
background-image:url(img/top.jpg);
background-repeat:no-repeat;
}

#contenido{
width:685px;
height:auto;
margin-top:-20px;
margin-left:auto;
margin-right:auto;
background-image:url(img/contenido.jpg);
background-repeat:repeat-y;
}

#bottom{
width:685px;
height:30px;
margin-top:-20px;
margin-left:auto;
margin-right:auto;
background-image:url(img/bottom.jpg);
background-repeat:no-repeat;
}

#footer{
clear:both;
width:500px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
padding-top:30px;
padding-bottom:10px;
text-align:center;
color:#333333;
}


/*TEXTOS*/

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:lighter;
color:#666666;
text-align:center;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:lighter;
color: #444444;
text-align:center;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color: #666666;
}

ol,ul {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color: #666666;
}

a {
font-weight:bold;
text-decoration:none;
color: #000000;
}

a:hover {
text-decoration: underline;
}


/* notas */

#nota1 {
width:630px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#columnas{
width:640px;
height:auto;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#columnas .nota2 {
float:left;
width:300px;
height:auto;
}

#columnas .nota3 {
float:left;
width:300px;
height:auto;
margin-left:30px;
}

.derecha {
text-align:right;
}

/* footnote*/

.fnote{
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:lighter;
text-align:center;
color: #FFFFFF;
}

.fnote a{
color: #999999;
text-decoration:none;
}

.fnote a:hover{
color:#ffffff;
text-decoration:underline;
}

/*ITEMS*/

.item1{
margin-top:20px;
margin-left:25px;
float:left;
width:640px;
height:auto;
}

.item1 .imagen{
float:left;
width:300px;
height:220px;
}

.item1 .description{
float:left;
width:310px;
height:auto;
padding-left:20px;
}

.item1 h2{
text-align:left;
}