/*
Theme Name: WordPress As CMS
Theme URI: 
Description: A theme made for the Wordpress As CMS tutorial which can be found on <a href="http://robertbasic.com/blog/wordpress-as-cms-tutorial/">http://robertbasic.com/blog/wordpress-as-cms-tutorial/</a>
Version: 0.1
Author: Robert Basic
Author URI: http://robertbasic.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    background:#E2F4FF url(../img/bg_body.jpg) no-repeat fixed 0 0;
    text-align: left;
    color:#150D4A;
    font-family:calibri,arial,verdana,tahoma,sans-serif;
}

a {
    color: #0000FF;
    text-decoration: none;
}

a:hover {
    color: #0000FF;
    text-decoration: underline;
}

#container {
    width: 960px;
    margin: 0 auto;
}

#header {
    text-align: center;
    height: 80px;
    font-size: 20px;
    margin: 20px 0 0 0;
}

#navigation {
    text-align: center;
    height: 20px;
    font-size: 14px;
    margin: 10px 0 10px 0;
}

#navigation a {
    padding: 0 15px 0 15px;
}

#header_image {
    height: 204px;
}

#latest_works {
    float: left;
}

.left_work {
    width: 480px;
    float: left;
}

.right_work {
    width: 480px;
    float: right;
}

#footer {
    text-align: center;
    margin: 10px 0 0 0;
    width: 960px;
}


.diccionario h3 {background:#86CAEF none repeat scroll 0 0;
border-bottom:2px solid #3B93BF;
color:#fff;
font-size:45px;
font-weight:bold;
line-height:43px;
margin:0;
text-align:center;
text-shadow:0 2px 1px #4DA4CF;
width:50px;}
.diccionario h4 {margin:25px 0 0;}
.diccionario p {}










ul#nav-menu { margin:1px 1px 1px 34px; padding:0; list-style:none; font-family:calibri,arial; font-size:18px;}
ul#nav-menu > li { margin:0 0 0 15px; width: 200px; list-style:none; }
ul#nav-menu > li > a { display:block; padding: 0 5px; color: #EFEFEF; text-decoration:none; outline:none; color:#150D4A}
ul#nav-menu > li > a:hover {  }
ul#nav-menu > li > ul { margin: 0; padding:0; list-style:none; display:none; }
ul#nav-menu > li > ul > li{ height: 30px; list-style:none; padding: 0; font-size:14px;}
ul#nav-menu > li > ul > li:hover{ height: 30px; }
ul#nav-menu > li > ul > li a { display:block; padding: 2px 0 0 4px; color:#150D4A; text-decoration:none; outline:none; }
ul#nav-menu > li > ul > li a:hover {  }


p {text-align:justify;}


#main {min-height:600px;background:transparent url(../img/bg_main.png) no-repeat scroll 0 0;}
h1#logo {text-align:center;}
#content {height:400px;width:700px;padding:20px;}

#content h2 {background:#10253F;color:#FFFFFF;font-size:25px;padding:5px 10px;}
#content #left_banner {background:#10253F;color:#FFFFFF;float:left;font-family:calibri,arial;font-size:2.8em;font-weight:bold;line-height:0.9em;padding:120px 15px 15px;text-align:center;width:160px;height:255px;margin-left:10px;}

ul#como_funciona {}
ul#como_funciona li p {background:#17375E none repeat scroll 0 0;color:#FFFFFF;padding:3px 15px;height:55px;}
ul#como_funciona li {background:transparent url(../img/como_funciona_itens.gif) no-repeat scroll 0 0;font-size:1.5em;height:60px;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:10px;padding-left:111px;margin-left:10px;}
ul#como_funciona li#uno {background-position:0 -13px;}
ul#como_funciona li#dos {background-position:0 -100px;}
ul#como_funciona li#tres {background-position:0 -188px;}
ul#como_funciona li#cuatro {background-position:0 -276px;}
ul#como_funciona li#cinco {background-position:0 -364px;}
ul#como_funciona li#seis {background-position:0 -453px;}

#main_footer {background:transparent url(../img/bg_main_footer.png) no-repeat 3px 0;height:206px;}

#main_footer a {text-indent:-9999px;position:relative;}
#main_footer a#r {display:block;height:34px;left:213px;top:16px;width:31px;}
#main_footer a#z {display:block;height:34px;left:258px;top:-16px;width:38px;}
#main_footer a#s {display:block;height:41px;left:601px;top:-62px;width:52px;}

#contactos {background:#17375E;color:#FFFFFF;float:left;font-size:1.4em;height:210px;margin-top:70px;padding:30px;width:400px;font-family:calibri,arial;margin-left:10px;}
#llamar {background:#17375E;color:#FFFFFF;float:left;font-size:5em;height:180px;line-height:0.9em;margin-left:10px;padding:50px 0 40px;text-align:center;width:200px;margin-top:70px;font-family:calibri,arial;}

ul#modulo_itens {margin:0;}
ul#modulo_itens li {background:transparent url(../img/tick.png) no-repeat scroll 0 0;margin:0;list-style-image:none;list-style-position:outside;list-style-type:none;padding-left:20px;}

ul#modulos {}
ul#paquetes {margin-top:65px;}
ul#modulos li, ul#paquetes li {display:inline;margin:6px;}

#posicionamento {}
#posicionamento th {background:#4F81BC none repeat scroll 0 0;color:#fff}
#posicionamento td.label {font-weight:bold;width:80px;}

.scroll-holder {height:390px;width:700px;}
.scroll-pane {overflow: visible; height: auto; width: auto; padding-right: 5px; position: absolute; top: 0px;padding:5px 25px 5px 10px;}

p#web {float:left;font-size:2.3em;padding:0 20px;width:400px;}
p.note {float:left;padding:0 20px;width:400px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #82ccf9;
	background-color: #C2E8FF;
	padding: 5px;
	font-size:1em;
	opacity: 0.85;
	width:200px;
}
#tooltip h3, #tooltip div { margin: 0; color:#333333; font-size:1.2em;font-weight:lighter;margin:0;}

#copyright {color:#3187bb;text-align:center;}