/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


body {
    font-family:Verdana, Tahoma, sans-serif;
    font-size:14px;
}

a {
    color:#444;
}
.box a:hover {
    text-decoration:underline;
}

input, select, textarea {
    padding:.5em;
}


* html #container {
    height:100%;
}
html, body {
    width:100%;
    height:100%
}
.left {
    float:left;
}
.right {
    float:right;
}

* .clear {
        height:0px;
}
.clear {
    font-size:0px;

    clear:both;
}
p{
    color:#1D1D1D;

    line-height:18px;
    margin-top:10px;
}
.bold {
    font-weight:bold;
}
.laranja{
    color:#F60;
}
.cinza{
    color:#666;
}
h2{
    font-size:18px;

}
.big{
    font-size:22px;
}
a,p a{
    text-decoration:none;
}

.spacer{
    background:url(../images/spacer.png);
    width:300px;
    height:10px;
}

img{
    border:0px;
}

.success, .error {
    border: 1px solid #DDD;
    padding: .6em;
}
    .success {
        background: #E4FFDD;
        border-color: #090;
        color: #264409;
    }
    .error {
        background: #FFE1E2;
        border-color: #900;
        color:#8A1F11;
    }
        ul.error {
            list-style: none;
            margin: .5em 0;
        }

/*--------------------------------estrutura-------------------------------*/
#container {
    position:relative;
    
    min-height:100%;
    width:100%;
    background:url(../images/contents_bk.png) center;
}
#header {
    background:url(../images/header_bk.png);
    height:161px;
    width:100%;
}
#header .contents{
    width:924px;
    margin:auto;
}


#nav {
    margin-left:50px;
    list-style:none;

    
}
#nav li{
    position:relative;
    float:left;
    margin-left:-50px;
    
}

#nav .button{
    cursor:pointer;
    display:inline-block;
    width:106px;
    height:168px;
        
        
}


#nav .img_institucional{background:url(../images/menu_img_institucional.png) no-repeat;}
#nav .img_servicos{background:url(../images/menu_img_servicos.png) no-repeat;}
#nav .img_softwares{background:url(../images/menu_img_softwares.png) no-repeat;}
#nav .img_portifolio{background:url(../images/menu_img_portifolio.png) no-repeat;}
#nav .img_contato{background:url(../images/menu_img_contato.png) no-repeat;}
#nav .institucional {background:url(../images/menu_bt_institucional.png) top right no-repeat;}
#nav .servicos {background:url(../images/menu_bt_servicos.png) top right no-repeat;}
#nav .softwares {background:url(../images/menu_bt_softwares.png) top right no-repeat;}
#nav .portifolio {background:url(../images/menu_bt_portifolio.png) top right no-repeat;}
#nav .contato {background:url(../images/menu_bt_contato.png) top right no-repeat;}

/*---------overs nav-----------------*/
#nav .institucional:hover {background:url(../images/menu_bt_institucional.png) bottom right no-repeat;}
#nav .servicos:hover {background:url(../images/menu_bt_servicos.png) bottom right no-repeat;}
#nav .softwares:hover {background:url(../images/menu_bt_softwares.png) bottom right no-repeat;}
#nav .portifolio:hover {background:url(../images/menu_bt_portifolio.png) bottom right no-repeat;}
#nav .contato:hover {background:url(../images/menu_bt_contato.png) bottom right no-repeat;}




#contents {
    
    width:910px;
    margin:15px auto;
    padding-bottom:352px;
}
#footer {
    
    background:url(../images/footer_bk.png) repeat-x bottom;
    height:352px;
    width:100%;
    position:absolute;
    bottom:0px;
}
    
.screen {
    width:100%;
}

/*----------------popart ------------------*/

.pop_art{
    background:url(../images/pop_art.png) center no-repeat;
    width:100%;
    height:352px;
}

/*----------------logotipo rica------------------*/

.logo{
   margin-top:23px;
    background:url(../images/logo.png);
    width:256px;
    height:84px;
    display:inline-block;
    cursor:pointer;
}
.rica{
    display:inline-block;
    background:url(../images/rica.png) no-repeat;
    width:300px;
    height:161px;
    margin-left:-20px;
    z-index:1000;
   
}
.rica .blog{
    display:inline-block;
    margin-top:133px;
    background:url(../images/blog.png);
    width:52px;
    height:27px;
}
.home{
    margin-top:6px;
    margin-left:10px;
    background:url(../images/home.png);
    width:105px;
    height:46px;
    display:inline-block;
    
}
.home:hover{
    background:url(../images/home.png) 0px 46px;
}
    
/*----------------logotipo rica------------------*/
.topo_link{
    margin-left:-7px;
    background:url(../images/topo_links.png);
    width:924px;
    height:91px;
    padding-top:10px;
}

.topo_link h1{
    margin:12px 50px;
    font-size:20px;
}
.link_box{
    display:block;
    border:1px solid #CCC;
    background:#F9F9F9;
    width:790px;
    margin:auto;
    margin-top:-10px;
    padding:15px;
    margin-bottom:25px;
}
.link_box p{
    line-height:26px;
    font-size:16px;
}
.link_logo{
    margin-top:-20px;
    width:95px;
    height:101px;
}
.link_logo_institucional{background:url(../images/logo_link_institucional.png);}
.link_logo_3d{background:url(../images/Td_woormark.png);}
.link_logo_portifolio{background:url(../images/logo_link_portifolio.png);}
.link_logo_servicos{background:url(../images/logo_link_servicos.png);}
.link_logo_softwares{background:url(../images/logo_link_softwares.png);}
.link_logo_contato{background:url(../images/logo_link_contato.png);}


/*----------------formulário contato------------------*/

fieldset {
    border:1px solid #CCC;
    padding:1em;
    margin:1em 0;
}
legend {
    font-weight:bolder;
    border:1px solid #CCC;
    padding:4px;
    background:#FFF;
    margin-bottom:5px;
}
#dp1, #dp2{
    width:44%;
}
fieldset input, fieldset textarea {
    width:95%;
}
/*
label {
    margin-top:5px;
    display:block;
}
*/
/*
fieldset#dp1 input, fieldset#dp2 textarea {
    padding:3px;
    width:97%;
}
fieldset#dp2 textarea {
    height:178px;
}
#dp1, #dp2{
    width:44%;
}
*/
.atention{
    text-align:center;
    margin-bottom:-10px;
}
/*----------------listagens------------------*/

ul {
    color:#666;
    margin-left:20px;
}
/*----------------woodmarks------------------*/
.woodmark{
    width:189px;
    height:52px;
    margin-bottom:-10px;
    margin-top:-10px;
}

.websites_woormark{background:url(../images/websites_woormark.png);}
.td_woormark{background:url(../images/Td_woormark.png);}
.portal_woormark{background:url(../images/portal_woormark.png);}
.hotsites_woormark{background:url(../images/hotsites_woormark.png);}
.email_m_woormark{background:url(../images/email_m_woormark.png);}
.p_videol_woormark{background:url(../images/p_videol_woormark.png);}
.interativo_woormark{background:url(../images/interativo_woormark.png);}
.logomarca_woormark{background:url(../images/logomarca_woormark.png);}
.lojas_woormark{background:url(../images/lojas_woormark.png);}
.sistemas_woormark{background:url(../images/sistemas_woormark.png);}
.ead_woormark{background:url(../images/ead_woormark.png);}
.busca_woormark{background:url(../images/busca_woormark.png);}
/*----------------portifolio------------------*/
.portifolio_list{
    margin:10px;
    width:250px;
    margin-left:0px;
    list-style:none;
    
}
.portifolio_list li{
    float:left;
    
}

.portifolio_box{
    display:inline-block;
    padding:5px;
    border:1px solid #fff;
    width:240px;
    margin:5px;
   
}


.portifolio_box:hover{
    border:1px solid #F60;
}
.portifolio_box a{
    text-decoration:none;
}
.portifolio_box p{
    font-size:12px;
    line-height:14px;
    color:#666;
}
.portifolio_box div{
    margin-top:5px;

    color:#F93;
}
.portifolio_box img{
    border: ridge 1px #F9F9F9;
    padding:1px;
    margin:-2px;
}

/*----------------tratamentos especiais------------------*/

a.link_box:hover{
    background:#FFE6CC;
}

/*----------------estrutura home------------------*/

.home_box{
 
    display:block;
    border:1px solid #CCC;
    background:#F9F9F9;
    margin-top:-10px;
    margin-bottom:25px;
}

.home_box p{
    font-size:14px;
    line-height:22px;
}
.home_box p.padding{
    line-height:10px;
    padding-left:10px;
}
.home_box.col0{
    margin-left:18px;
    width:842px;
    

}
.home_box.col1{
    margin-left:18px;
    width:473px;
    

}
.home_box.col2{
    
    margin-right:18px;
    width:314px;

}
.home_box.bnone{
    margin-top:-39px;
    border-top:none;
}

.listn{
    margin-left:0;
    list-style:none;
    cursor:pointer;
    
}

.home_box.bloco1 { height:68px; padding:15px; }
.home_box.bloco2 { height:359px; padding:0; width:344px; background: #FFF; }
.home_box.bloco3 { height:255px; padding:15px; }
.home_box.bloco4 {height:107px; padding:15px;}

.home_box.bloco4 #hidden
{

    overflow:hidden;
}
	#carousel{
        margin-top:-230px;
        margin-left:auto;
        margin-right:auto;
        width:700px;
		height:400px;
		position:relative;
	
		
	}
	
	.home_box.bloco4 #carousel img{
		width:100%;
		height:auto;
		border:0px solid #FFFFFF;
		display:block;
	}
    #hidden .mask{
        background:url(../images/mascara_carousel.png);
        width:842px;
        height:80px;
        position:absolute;
        z-index:2000;
        margin-top:-10px;
    }

.home_box.bloco5 { height:207px; padding:15px; }

.home_box.website { background:url(../images/home_website_sprite.png);}
.home_box.software { background:url(../images/home_software_sprite.png);}
.home_box.destacar { background:url(../images/home_destacar_sprite.png);}
.home_box.tresD { background:url(../images/home_3D_sprite.png);}
.home_box.website:hover { background:url(../images/home_website_sprite.png) 0px 98px;}
.home_box.software:hover { background:url(../images/home_software_sprite.png) 0px 98px;}
.home_box.destacar:hover { background:url(../images/home_destacar_sprite.png) 0px 98px;}
.home_box.tresD:hover { background:url(../images/home_3D_sprite.png) 0px 98px ;}


.img {
    border:1px solid #eee;
    padding:1px;
    margin:1.5em;
}
#carousel {

}


#listria { width:343px; margin-left:-19px;  }
#listria ul { list-style:none; height:123px; }
#listria ul li { font-size:14px;}
#listria ul li a {
    padding:8px;
    display:block;
    width:327px;
    height:107px; 
    padding-left:10px;
    text-decoration:none; 
    background:url(../images/blog_bt_list.png) top;

    color:#F60 }
#listria ul li a:hover {  
	background:url(../images/blog_bt_list.png) bottom;
    }

#listria ul li a b {
    text-decoration:none;
}
#listria ul li a:hover b {
    text-decoration:underline;
}

#listria .blog_mask_80{
    margin-top:8px;
    width:80px;
    height:80px;
   
}
#listria .blog_mask_80 div {
    position:absolute;
    z-index:1000;
    background:url('../images/mask_blog_80x80.png');
    width:80px;
    height:80px;
    
}