/* index = #i */



#i {
padding:0 10px 20px;
width:970px;
margin:0 auto;
} 


#i h2 {
padding-top:0;
color:#444;
font-family: arial,sans-serif;
}


#presentacion {
padding:0;
background:url('/imagenes/fondo.png') center top #000 repeat-x;
margin-bottom:20px;
}

#presentacion #divpresen {
background:url('/imagenes/fondo.png') center top #000 repeat-x;
padding:20px 0 0;
height:146px;
width:990px;
margin:0 auto;
}

#presentacion a#logo {
display:block;
float:left;
padding:0 10px;
width:126px;
height:126px;
}

#presentacion h1 {
color:#FFF;
border:0;
padding:0;
margin:0;
font-size:2.8em;
font-family:arial;
letter-spacing:-2px;
font-weight:bold;
text-shadow:0 0 1px #000;
}

#presentacion h1 a, #presentacion h1 a:hover {
color:#FFF;
}

#presentacion #dpr {
display:block;
margin:0 auto;
width:320px;
float:left;
padding-top:30px;
}


#presentacion p {
font-weight:normal;
color:#FFF;
line-height:0.6em;
}
#presentacion p strong {
font-weight:normal;
color:#888;
}

#presentacion #ibuscar  {
margin-right:10px;
}


#presentacion #ibuscar p {
float:right;
width:280px;
height:33px;
margin:45px 0 0 auto;
padding:0;
background:url('/imagenes/botones/i.png') -5px top no-repeat #FFF;
}


#presentacion #ibuscar p span {
display:block;
margin:0;
padding:0 0 0 5px;
height:33px;
background:url('/imagenes/botones/i.png') 275px top no-repeat transparent;
}




#presentacion #ibuscar #campo-buscar {
display:block;
float:left;
width:235px;
font-size:1.3em;
color:#000;
padding:5px;
border:0;
background-color:transparent;
}



#presentacion #ibuscar .boton {
width:20px;
height:15px;
display:block;
float:right;
margin:8px 5px 0 0;
padding:0 5px 0 0;
background:url('/imagenes/botones/buscar2.png') left bottom no-repeat;
border:0;
line-height:2em;
overflow:hidden;
text-indent:-999em;
cursor:pointer;
}

#presentacion #ibuscar .boton:hover, #presentacion #ibuscar .boton:focus {
background:url('/imagenes/botones/buscar2.png') left top no-repeat;
}



#presentacion a {
color:#088;
}

#presentacion a:hover {
color:#0AA;
}





p#leyenda {
background:none transparent;
margin:0;
padding:20px 0 0;
text-align:center;
color:#888;
font-size:1.1em;
}
p#leyenda a {
text-decoration:none;
color:#FFF;
}
p#leyenda a:hover {
text-decoration:underline;
}

p#leyenda a img {
float:right;
margin:-20px 0 0;
}


#idea {
margin:-20px 0 20px 0;
height:190px;
background:url(/imagenes/pfondo.png) center top repeat-x #088;
}

#dividea {
width:970px;
padding:0 10px;
margin:0 auto;
background:url(/imagenes/pfondo.png) center top repeat-x #088;
}


#idea #ideas {
float:left;
width:690px;
padding-top:20px;
}


#idea #ideas .idea {
width:335px;
float:left;
margin:0 10px 10px 0;
}


#idea #ideas .idea h3 {
float:right;
width:260px;
padding:0;
margin:0;
color:#044;
border:0;
font-weight:bold;
font-family:arial,sans-serif;
}
#idea #ideas .idea img {
float:left;
}
#idea #ideas .idea p {
float:right;
width:260px;
font-size:0.9em;
}


#idea p {
color:#FFF;
}
#idea a {
color:#FFF;
text-decoration:underline;
}
#idea a:hover {
text-decoration:none;
}





#idea #invitar {
width:240px;
float:right;
padding:5px 20px 10px;
background-color:#088;
}


#idea #invitar h2 {
color:#FFF;
border:0;
font-weight:bold;
font-family:arial,sans-serif;
letter-spacing:-1px;
font-size:1.7em;
text-align:center;
padding-top:15px;
margin-bottom:5px;
}




#invitar #botoncrearcuenta {
float:left;
margin:10px auto 0;
font-size:1.25em;
padding:10px 0 0;
text-align:center;
}

#invitar #botoncrearcuenta label {
width:130px;
display:block;
line-height:23px;
text-align:center;
background:url('/imagenes/botones/i.png') -5px -99px no-repeat #FFF;
float:left;
cursor:pointer;
}

#invitar #botoncrearcuenta label span {
background:url('/imagenes/botones/i.png') 125px -99px no-repeat transparent;
display:block;
padding:5px;
}

#invitar #botoncrearcuenta label#a1 {
color:#000;
}

#invitar #botoncrearcuenta label#a2 {
float:right;
background:none transparent;
padding:5px;
width:100px;
color:#FFF;
}












#i_columna_1 {
display:block;
width:470px;
margin:0 auto 20px 0;
float:left;
}


#i_columna_2 {
display:block;
width:470px;
margin:0 0 20px auto;
}

#i_columna_1 h3{ 
font-family: arial,sans-serif;
}

#i_columna_2 h2 {
text-align:right;
}

#i_columna_1 img, #i_columna_2 img {
float:left;
padding-right:10px;
}

#i_columna_1 h2, #i_columna_2 h2 {
font-size:1.8em;
padding-top:0;
}



#i_columna_1 p, #i_columna_2 p {
font-size:0.9em;
}

#i_columna_1 p.info, #i_columna_2 p.info {
margin:0;
padding:0;
}

#i_columna_1 p.info em, #i_columna_2 p.info em {
font-style:normal;
color:#888;
}

#i_columna_1 h3.lomejor, #i_columna_2 h3.lomejor {
margin-top:0;
color:#000;
}

#i_columna_1 ul, #i_columna_2 ul {
margin-left:25px;
font-size:0.9em;
}

#i_columna_1 li, #i_columna_2 li {
margin-bottom:5px;
}





#i_columna_2 .caja_categoria h3 {
border-color: #444;
padding:0;
border-bottom: 1px dotted #BBB;
}

#i_columna_2 .caja_categoria h3 a {
color: #088;
font-weight: bold;
}

#i_columna_2 .caja_categoria h3 a:hover {
color: #0AA;
}


#i_columna_2 .caja_categoria ul {
padding:0;
margin:0;
}

#i_columna_2 .caja_categoria ul li {
list-style-type: none;
padding:0;
margin:0;
display:inline;
}

#i_columna_2 .caja_categoria ul li a {
color:#444;
display:block;
padding:3px 0;
}
#i_columna_2 .caja_categoria ul li a:hover{
padding:3px 0 3px 7px;
margin-left:-17px;
border-left:10px solid #099;
}


#i_columna_2 .caja_separadora {
float:left;
margin-bottom:10px;
}





.caja_categoria {
background:url('/imagenes/botones/cubo.png') bottom right #FFF no-repeat;
padding:0;
margin:0;
width:220px;
float:left;
margin:0 5px 0;
}

.caja_categoria .c1 {
background:url('/imagenes/botones/cubo.png') top right transparent no-repeat;
display:block;
padding:0;
margin:0;
}
.caja_categoria .c1 .c2 {
background:url('/imagenes/botones/cubo.png') top left transparent no-repeat;
display:block;
padding:0;
margin:0;
}
.caja_categoria .c1 .c2 .c3 {
background:url('/imagenes/botones/cubo.png') bottom left transparent no-repeat;
display:block;
padding:0 8px;
margin:0;
}
.caja_categoria .c1 .c2 .c3 .c4 {
display:block;
padding:8px 0;
margin:0;
background-color:#FFF;
border:1px solid #BBB;
border-left:0;
border-right:0;
}
.caja_categoria .c1 .c2 .c3 .c4 .c5 {
display:block;
padding:0 16px;
margin:0 -8px;
background-color:#FFF;
border:1px solid #BBB;
border-top:0;
border-bottom:0;
}