/* Desenvolvido por Rafael Carvalho Oliveira - www.rcodesign.com.br */

/*

	----- PAGE CONTENT -----
		1. DEFAULT
		2. HEADER
		3. MENU
		4. CONTENT
		5. FOOTER
		
	----- ADMIN CONTENT -----
		1. HEADER
			1.1. HEADER CONTENT
		2. CONTENT 
			2.1. LEFT MENU
			2.2. CENTER CONTENT
		3. FOOTER
			

*/

/* ************ PAGE CONTENT ************ */

/* 1. DEFAULT
----------------------------------------------- */
.body {background-image:url(../../images/fundo_baixo.png); font-family : Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;}
* {margin:0px; padding:0px}
img {border:0px}
a {text-decoration:none; color:#FFFFFF}
a:hover {text-decoration:none}
.clear {clear:both}

#mother {background:url(../../images/fundo.png); text-align:center; height:565px; width:100%}
#mother ul {margin:5px; margin-left:15px; padding:0px}
#mother li {margin:0px; padding:0px}

/* 2. HEADER
----------------------------------------------- */
#mother .header {width:800px; margin:auto;}
#mother .header img {margin:0 0 20px 0}

/* 3. MENU
----------------------------------------------- */
#mother .menu {width:800px; height:38px; padding:0; margin:auto;}
#mother .menu a {background-repeat:no-repeat; display:block; text-indent:-9999px; float:left}
#mother .menu .home {background:url(../../images/menu/home.png); padding:10px 70px 10px 70px}
#mother .menu .quemsou {background:url(../../images/menu/quemsou.png); padding:10px 70px 10px 60px}
#mother .menu .portifolio {background:url(../../images/menu/portifolio.png); padding:10px 70px 10px 60px}
#mother .menu .curriculo {background:url(../../images/menu/curriculo.png); padding:10px 70px 10px 60px}
#mother .menu .servicos {background:url(../../images/menu/servicos.png); padding:10px 70px 10px 60px}
#mother .menu .contato {background:url(../../images/menu/contato.png); padding:10px 70px 10px 70px}
#mother .menu a:hover {background-position:0 39px}
#mother .menu .current {background-position:0 39px}

/* 4. CONTENT
----------------------------------------------- */
#mother .content {background:url(../../images/centro.png); height:309px; width:780px; margin:auto; font-size:9.0pt; text-align:justify; color:#FFF; padding:10px}

#mother .content .text_left {float:left; width:350px; padding:0 28px 0 10px;}
#mother .content .text_left ul, #mother .content .text_right ul {margin-left:30px}
#mother .content .bar {float:left; padding-right:20px;}
#mother .content .text_right {float:left; width:350px}
#mother .content .text_right h1 {font-size:9.0pt}
#mother .content .text_right .home_miniatures {text-align:left; padding:10px 0 10px 0; width:355px}
#mother .content .text_right .home_miniatures img {margin:2px 1px 0 0}

#mother .content div.scroll{height: 222px;}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #aaa;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
.jScrollPaneTrack { background: url(../../images/scroll/bar.png) repeat-y; }

.jScrollPaneDrag {position: absolute;background-image: url(../../images/scroll/fundo.png);cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}

a.jScrollArrowUp { height: 8px; background: url(../../images/scroll/up.png) no-repeat} 
a.jScrollArrowDown { height: 8px; background: url(../../images/scroll/down.png) no-repeat}

#mother .content .por_item {width:100%; background-color:#333}
#mother .content .por_item tr {background-color:#444;}
#mother .content .por_item tr:hover {background-color:#555;}
#mother .content .por_item img {margin:10px}
#mother .content .por_item p {margin:10px}

#mother .content .contact {font-size:12px;}
#mother .content .contact input, textarea {color:#20272D; font-size:12px}
#mother .content .contact p {margin:0 0 10px 0}
#mother .content .contact .requi {color:#f26868}
#mother .content .contact .field {width:345px; height:15px; color:#333; background-color:#ccc}
#mother .content .contact .textarea {width:345px; height:60px; color:#333; background-color:#ccc}
#mother .content .contact .botton { padding:1px; color:#FFF; background:#20272D; }
#mother .content .contact .bottom:hover { color:#20272D; background:#FFF; cursor:pointer; }
#mother .content .contact_info {float:left; width:300px; padding:0 10px 10px 10px; border:1px dotted #000}
#mother .content .contact_info p {color:#fff; margin:10px 0 0 0; padding:10px; background-image:url(../images/bg/fundo.png); border:1px solid #000}
#mother .content .contact_info p:hover {border: 1px solid #ccc}
#mother .content .contact button {background-color:#ccc; padding:4px; color:#000; border:1px solid #000; margin:0 4px 0 0}
#signupForm input.error { border: 2px dotted red; }
#signupForm textarea.error { border: 2px dotted red; }
#signupForm { width: 670px; }
#signupForm label.error {margin-left: 10px;width: auto;display: inline;}

/* 5. FOOTER
----------------------------------------------- */
#footer {text-align:center; color:#FFF; margin-top:20px; font-size:9.0pt}



/* ************ ADMIN CONTENT ************ */
/* 1. HEADER
----------------------------------------------- */
#adm_header {height:52px; font-size:10.0pt; font-family:Verdana; width:100%; background-image:url(../../images/admin/header/bg_top_adm.png)}
/* 1.1. HEADER CONTENT
----------------------------------------------- */
#adm_header .left_text {width:600px; height:52px; float:left; background-image:url(../../images/admin/header/top_adm.png); background-repeat:no-repeat}
#adm_header .right_text {height:32px; float:right; padding:17px 10px 0px 0px; color:#FFFFFF}

/* 2. CONTENT
----------------------------------------------- */
#adm_content {margin:0px 0px 10px 0px}
#adm_content .menu .right {float:right; border:0px}
#adm_content .center_content {font-size:10.0pt; clear:both; padding:20px}
#adm_content .center_content .top_table .left {width:9px; background-image:url(../../images/admin/content/table_left.png); border-bottom:1px solid #DBDBDB}
#adm_content .center_content .top_table .center {background-image:url(../../images/admin/content/table_center.png); border-bottom:1px solid #DBDBDB; font-weight:bold}
#adm_content .center_content .top_table .center a {color:#A10910; text-decoration:none; float:right;}
#adm_content .center_content .top_table .right {width:9px; background-image:url(../../images/admin/content/table_right.png); border-bottom:1px solid #DBDBDB}
#adm_content .center_content .top_table .left_bottom {border-left:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB}
#adm_content .center_content .top_table .right_bottom {border-right:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB}
#adm_content .center_content .top_table .center_bottom {border-bottom:1px solid #DBDBDB}

.demoHeaders { margin-top: 2em; }
#adm_btn {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#adm_submit {padding: .4em 1em .4em 5px;text-decoration: none;position: relative; cursor:pointer}
#adm_btn span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.form_table td {font-weight:bold}

.alteraArquivo {background-color:#ccc; padding:5px; border:solid 1px #000; font-size:10.0pt; width:250px;}
.alteraArquivo em {font-weight:100; font-size:8.0pt}

/* 3. FOOTER
----------------------------------------------- */
#adm_footer {width:100%; height:90px; background-image:url(../../images/admin/header/bg_footer_adm.png); padding-top:10px; text-align:center; clear:both}
#adm_footer a {color:#333; font-size:10.0pt; font-family:Verdana; }
#adm_footer a:hover {text-decoration:none}