* { margin:0; padding:0; }

html {  }

body { background:#0E2A66 url('../images/body-bg.gif') no-repeat 50% 465px; font-family:Verdana, Myriad, Arial; font-size:11px; color:#5A4930; overflow:auto; padding-bottom:100px; overflow:auto; }

body.nivel1 { background-position:50% 741px; }

body.nivel2 { background-position:50% 800px; }

img { border:0px none; }

p { margin-bottom:15px; }

p, li { line-height:150%; }

a { text-decoration:none; outline:none; }

a:hover { text-decoration:underline; }

.descargar { margin-top:5px; }



#wrapper { position:relative; width:976px; margin:20px auto 0 auto; }

#logo { position:absolute; top:18px; width:348px; height:82px; z-index:200; }

#container { margin-left:53px; width:870px; background:#FFF;  }

#container .wrap {  width:848px; margin:auto; }

#header { height:93px; }



#links { padding-top:17px; }

#links img { float:right; height:11px; background-image:url('../images/links_bg.gif'); background-repeat:no-repeat; margin:10px 15px; }

#links img.ini { width:32px; background-position:0 0; }

#links img.nos { width:47px; background-position:-32px 0; }

#links img.pro { width:57px; background-position:-79px 0; }

#links img.nov { width:59px; background-position:-136px 0; }

#links img.ami { width:93px; background-position:-195px 0; }

#links img.con { width:49px; background-position:-288px 0; }

#links img.ini:hover, #links img.ini-on { width:32px; background-position:0 100%; }

#links img.nos:hover, #links img.nos-on { width:47px; background-position:-32px 100%; }

#links img.pro:hover, #links img.pro-on { width:57px; background-position:-79px 100%; }

#links img.nov:hover, #links img.nov-on { width:59px; background-position:-136px 100%; }

#links img.ami:hover, #links img.ami-on { width:93px; background-position:-195px 100%; }

#links img.con:hover, #links img.con-on { width:49px; background-position:-288px 100%; }



#mainnav { height:35px; }

#menu { float:right; width:328px; }

#menu img { float:left; width:80px; height:35px; background-image:url('../images/mainnav_bg.gif'); background-repeat:no-repeat; margin-left:2px; }

#menu img.inf { background-position:0px 100%; }

#menu img.nov { background-position:-80px 100%; }

#menu img.per { background-position:-160px 100%; }

#menu img.emp { background-position:-240px 100%; }



#menu img.inf:hover, #menu img.inf-on { background-position:0px 0; background-color:#8BC74E; }

#menu img.nov:hover, #menu img.nov-on { background-position:-80px 0; background-color:#DF1089; }

#menu img.per:hover, #menu img.per-on { background-position:-160px 0; background-color:#39A4D5; }

#menu img.emp:hover, #menu img.emp-on { background-position:-240px 0; background-color:#EE9127; }



#content { margin-top:2px; height:470px; }

.border { border-top:1px dashed #999; height:469px !important; }

.fotos-intro { height:269px; }

.fotos-flip { height:302px; border-top:1px dashed #999; border-bottom:1px dashed #999; }

.main { padding:35px 35px 0 35px; }

.main p.highlight { font-weight:bold; color:#EE9127; }

.main .collft { float:left; }

.main .colrgt { float:right; }

.main .colsep { clear:both; }

.main a { color:#2B388F; }

#nosotros p.subtit { margin:0px; font-weight:bold; color:#2B388F; }

#inicio { height:151px; }

#nosotros, #contacto { height:419px; }

#nosotros { background:url('../images/nosotros-foto.jpg') no-repeat 10px 35px; }

#nosotros .colrgt { width:500px; margin-right:30px;  }

#nosotros ul.decimal { list-style-type:decimal; padding-left:25px; margin-bottom:20px; }



#productos { padding:35px 0px 0 35px; height:500px; background:url('../images/productos-foto2.jpg') no-repeat -20px 50%; }

#productos .colrgt { width:570px; margin-right:20px;  }



.tipo .foto { float:left; width:180px; overflow:hidden; display:none; }

.tipo .desc { /*float:right; width:380px;*/ }

.tipo .desc p { margin-bottom:15px; }

.tipo .desc a { color:#5A4930; background:#efce31 url('../images/bullet_anchor.gif') no-repeat right top; padding-right:10px; font-weight:normal; }

.tipo .sep { clear:both; height:20px; }

.tipo ul { list-style-type:none; }

.tipo li { background:url('../images/bullet.gif') no-repeat 5px 50%; padding-left:15px; }



.templates { margin-bottom:20px; }

.templates li { float:left; width:100px; margin-right:3px; padding:0px 5px 10px 5px; display:inline; background:#FFFFFF; cursor:hand; cursor:pointer; }

.templates li:hover { background:#2856a2; }

.templates li p { margin:0px; padding:2px 0px; font:normal 10px arial; }

.templates li a { color:#5A4930; text-decoration:none; }

.templates li a:hover { color:#FFFFFF; font-weight:bold; text-decoration:none; }

.templates li img { width:98px; height:64px; display:block; border:1px solid #FFFFFF; }

.templates li:hover img { border:1px solid #FFFFFF; } 

#premium li img { background-image:url('../images/templates_premium.jpg'); background-repeat:no-repeat; }

#pocket li img { background-image:url('../images/templates_pocket.jpg'); background-repeat:no-repeat; }

#premium li img.tpl01, #pocket img.tpl01 { background-position:0px 0; }

#premium li img.tpl02, #pocket img.tpl02 { background-position:-100px 0; }

#premium li img.tpl03, #pocket img.tpl03 { background-position:-200px 0; }

#premium li img.tpl04, #pocket img.tpl04 { background-position:-300px 0; }

#premium li img.tpl05, #pocket img.tpl05 { background-position:-400px 0; }

#premium li img.tpl06, #pocket img.tpl06 { background-position:0px 50%; }

#premium li img.tpl07, #pocket img.tpl07 { background-position:-100px 50%; }

#premium li img.tpl08, #pocket img.tpl08 { background-position:-200px 50% }

#premium li img.tpl09, #pocket img.tpl09 { background-position:-300px 50%; }

#premium li img.tpl10, #pocket img.tpl10 { background-position:-400px 50%; }

#premium li img.tpl11, #pocket img.tpl11 { background-position:0px 100%; }

#premium li img.tpl12, #pocket img.tpl12 { background-position:-100px 100%; }

#premium li img.tpl13, #pocket img.tpl13 { background-position:-200px 100%; }

#premium li img.tpl14, #pocket img.tpl14 { background-position:-300px 100%; }

#premium li img.tpl15, #pocket img.tpl15 { background-position:-400px 100%; }

p.back { clear:left; }



#flip { position:relative; width:848px; height:373px; }

.bginfantil { background:url('../images/flipcontent_bg3.gif'); }

.bgnovios { background:url('../images/flip-bg-novios.jpg'); }

.bgpersonal { background:url('../images/flip-bg-personal.jpg') center; }

.bgempresas { background:url('../images/flip-bg-empresas.jpg'); }

#flipcontent { width:848px; height:373px; }

#flip .inst { position:absolute; left:50px; top:15px; height:40px; color:#FFFFFF; background:url('../images/flip-arrow.gif') no-repeat left 6px; padding-left:25px; }

#flip .inst2 { position:absolute; left:150px; top:15px; height:40px; color:#FFFFFF; background:url('../images/flip-arrow.gif') no-repeat left 6px; padding-left:25px; }

#flip .desc { position:absolute; left:20px; bottom:20px; width:848px; color:#FFFFFF; text-align:center; }

#flip .inst-dark { background:url('../images/flip-arrow-dark.gif') no-repeat left 6px; padding-left:25px; color:#5A4930; }

#flip .desc-dark { color:#5A4930; }



#logos { padding:15px 0px 0px 20px !important; }

#logos .collft { width:115px; }

#logos .colrgt { width:700px; }



#logos .collft p { margin:0px; font-weight:bold; }

#menulat { list-style-type:none; width:115px; }

#menulat ul { list-style-type:none; }

#menulat li { float:left; width:115px; text-align:right; }

#menulat li a { display:block; font:normal 10px Arial; color:#5A4930; padding-right:10px; }

#menulat li a:hover, #menulat li a.selected { color:#2590C1; text-decoration:none; }

#menulat li a.selected { color:#2590C1; text-decoration:none; background:url('../images/bullet_arrow.gif') no-repeat right center; }

#menulat li a span { font-weight:normal; color:#808080; }



#loguito { list-style-type:none; }

#loguito li { float:left; display:inline; margin-right:15px; }

#loguito li.last { margin-right:0px; }

#loguito img { display:block; height:60px; margin-top:2px; }



#contacto .colrgt { width:440px; }

#formcont label, #formcont input { float:left; }

#formcont label { float:left; width:100px; line-height:20px; }

#formcont input, #formcont textarea { float:left; width:300px; height:16px; font:normal 11px Verdana; color:#2590C1; margin:0 0 15px 0; padding:3px; border:0px; background:#F0ECEA; }

#formcont textarea { height:8em; overflow:auto; }

#formcont input.btn { float:left; width:auto; height:auto; margin:0 0 6px 100px; padding:2px; background:#39A4D5; color:#FFFFFF; }

#formcont br { clear:left; }



#footer { padding:10px 0 50px 53px;  }

#footer p { margin-bottom:0px; font:normal 8px arial; color:#637FBD; }