@charset "utf-8";
/* CSS ARG - Estudios Design / versão numero 1 - 2010 */



html, body {
    background: url(../images/bg_2011.jpg) repeat;
    text-align: left;
	background-color:#000;
    margin: 0;
    padding: 0;
    vertical-align: text-top;
	font-size:0px;
}

img {
    border:0;
}


/*////////////////////////////////////////////////////////////////////TEXTO */
/*texto corrido*/
p {
    color:#e5f9b9;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:7pt;
    font-style:normal;
    text-align:left;
    line-height: 10pt;
    padding:0;
    margin:0;
}

/*info text titulo*/
.p1 {
    color:#e5f9b9;
    line-height:12pt;
}

/* titulo grafico*/
.pt{
    text-align:right;
}



/*/////////////////////////////////////////////////////////////////////HOME */
.box {
    width: 1000px;
    margin: auto;
    float:none;
}

/* box do da lingua do site */
.boxlingua {
    width: 1000px;
    height: 35px;
    padding:5px 0 0 0;
}


/*  do da lingua do site */
.ltext {
	width: 150px;
	height: 25px;
	padding:0px 0px 0px 0px;
	float:right;
}

.tag {
	width:150px;
	height:25px;
	display:block;
	overflow:hidden;
	position:absolute;
	margin:0px;
	padding:0px;

}

.tag a {
	width:150px;
	height:25px;
	outline:0px;
	background: url(../images/tag_arg.com.png) no-repeat;
	display:block;
	outline: 0px;
	margin: 0 auto;
}


.tag a:hover {
	background-position: 0 -25px;
}


.tag2 {
	width:150px;
	height:25px;
	display:block;
	overflow:hidden;
	position:absolute;
	margin:0px;
	padding:0px;

}

.tag2 a {
	width:150px;
	height:25px;
	outline:0px;
	background: url(../images/tag_show.png) no-repeat;
	display:block;
	outline: 0px;
	margin: 0 auto;
}


.tag2 a:hover {
	background-position: 0 -25px;
}



/* box do logo */
.logo {
    width: 1000px;
    height: 60px;
    padding:0 0 30px 0;
}

/* box do link home */
.home {
    width: 105px;
    height: 60px;
    padding:0 0 0 165px;
    float:left;
}

/* box do argestudios */
.estudios {
    width: 700px;
    height: 60px;
    padding:0 0 0 30px;
    float:right;
}


/*box do menu */
.boxmenu {
    width: 1000px;
    height: 22px;
    float:left;
}


/*box da informação */
.boxinfo {
    width: 270px;
    height: 22px;
    float:left;
}

/*box do texto da info */
.boxinfotext {
    width: 270px;
    height: 17px;
}

/*box do espaço entre os conteudos*/
.boxespaco {
    width: 1000px;
    height: 1px;
    padding:3px 0 3px 0;
    float:left;
}

/*box do filete esquerdo*/
.boxfilete {
    width: 270px;
    height: 1px;
    background-color:#7f8670;
    float:left;
}

/*box do filete esquerdo*/
.boxfilete2 {
    width: 700px;
    height: 1px;
    background-color:#7f8670;
    float:right;
}


/*box do conteudo*/
.boxconteudo {
    width: 1000px;
    height: 320px;
    padding:0 0 0 0;
    float:left;
}


/*box do conteudo texto do lado esquerdo*/
.boxcontext_box {
    width: 270px;
    height: 320px;
    float:left;
    padding:0 0 0 0;
}
.boxcontext {
    width: 270px;
    height: 253px;
    float:left;
    padding:17px 0 0 0;
}
.boxcontext_addthis {
    width: 270px;
    height: 50px;
    float:left;
    padding:0 0 0 0;
}
.boxcontext_addthis_up{
    width: 268px;
    height: 27px;
    float:left;
    padding:3px 0 0 2px;
}
.boxcontext_addthis_low{
    width: 270px;
    height: 20px;
    float:left;
    padding:0 0 0 0;
}

/*box do conteudo imagem*/
.boxconimage{
    width: 700px;
    height: 320px;
    float:right;
}


/*box dos textos*/
.boxsubtext {
    width: 1000px;
    height: 180px;
    float:left;
    padding:30px 0 0 0;
}


/*box dos links uteis */
.boxsublinks {
    width: 270px;
    height: 100px;
    float:left;
}


/*box da sub informaçao */
.boxsubinfo {
    width: 700px;
    height: 100px;
    float:right;
}

/*box da sub do titulo*/
.boxsubtitle{
    width: 700px;
    height: 15px;
}


.boxsubfilete {
    width: 700px;
    height: 1px;
    float:right;
    padding:3px 0 3px 0;
}



/*////////////////////////////////////////////////////////////////////////NEWSLLETER */

/*box do texto da news*/
.boxnews{
    width: 190px;
    height: 22px;
    float:left;
}

/*box do texto da news*/
.boxbotaonews{
    width: 80px;
    height: 22px;
    float:left;
}

/*formataçao box da newsletter*/
.newsletter {
    background-color:#685156;
    border:none;
    width: 186px;
    height: 20px;
    color:#FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:7pt;
    padding-left:4px;
}


/*formataçao botao da newsletter*/
.botaonews {
    background-color:#523B42;
    border:none;
    width: 80px;
    height: 22px;
    color:#FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:7pt;
    cursor:pointer;
}

/*////////////////////////////////////////////////////////////////////////MENU LINKS */

/*menu */
.barra {
    width: 700px;
    height: 22px;
    padding:0 0 0 30px;
    float:right;
}

.menu {
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
    height:22px;
    width: 700px;
    float:left;
    line-height:17px;
    margin:0;
    padding:0;
}

.menu li {
    list-style-type:none;
    display:inline;
}

.menu li a {
    float:left;
    padding:0 40px 0 0;
    margin:0 3px 0 0;
    color:#e5f9b9;
    border-bottom: 5px solid #0de0d9;
    text-transform:uppercase;
    outline: 0;
}

/*////////////////////////////////////////////////////////////////SUB MENU/*/
.submenu {
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
    height:22px;
    width: 700px;
    float:left;
    line-height:17px;
    margin:0;
    padding:0;
}

.submenu li {
    list-style-type:none;
    display:inline;
}

.submenu li a {
    float:left;
    padding:0 15px 0 0;
    margin:0 3px 0 0;
    color:#ffffff;
    border-top: 3px solid #CCCCCC;
}


/*Links*/
.lin .barra .menu li .lin{
    border-color: #663300;
}


/*///////////////////Formatação dos Links///////////////////////////////*/
a:link {
    color:#A78725;
    text-decoration:none;
}
a:visited {
    color:#A78725;
    text-decoration:none;
}
a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
a:active {
    text-decoration: none;
    color: #FFFFFF;
}






/*///////////////////////////////////////////////////////////////Formatação da GALERIA///*/

/* ja ta*/
div.wrap {
    width : 700px;
    margin : 0 auto;
    text-align : left;
}

div#top div#nav {
    float : left;
    clear : both;
    width : 700px;
    height : 52px;
    margin : 22px 0 0;
}
div#top div#nav ul {
    float : left;
    width : 700px;
    height : 52px;
    list-style-type : none;
}
div#nav ul li {
    float : left;
    height : 52px;
}
div#nav ul li a {
    border : 0;
    height : 52px;
    display : block;
    line-height : 52px;
    text-indent : -9999px;
}



/* ja ta*/
div#header {
    margin : -1px 0 0;
}
div#video-header {
    height : 683px;
    margin : -1px 0 0;
}
div#header div.wrap {
    height : 299px;
}


/* ja ta*/
div#header div#slide-holder {
    z-index : 40;
    width : 700px;
    height : 299px;
    position : absolute;
}



div#header div#slide-holder div#slide-runner {
    width : 700px;
    height : 320px;
    overflow : hidden;
    position : absolute;
    margin:0;
    padding:0;
}
div#header div#slide-holder img {
    margin : 0;
    display : none;
    position : absolute;
}
div#header div#slide-holder div#slide-controls {
    left : 0;
    bottom : 0;
    width : 700px;
    height : 25px;
    display : none;
    position : absolute;
    background : url(../images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
    float : left;
    color:#CCCCCC;
    display : inline;
    font-size : 9px;
    line-height : 18px;
    margin : 5px 0 0 5px;
    text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
    float : right;
    height : 20px;
    display : inline;
    margin : 0 5px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
    float : left;
    width : 24px;
    height : 20px;
    display : inline;
    font-size : 0;
    margin : 0 4px 0 0;
    line-height : 15px;
    text-align:right;
    text-decoration : none;
    background-position : 0 0;
    background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
    background-position : 0 -20px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
    background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
    background:url(../images/nav-bg.png);
}


/*//////////////////////////////////////////////////////////CONTACTOS*/


/*contatos box*/
.boxcontactos {
    width: 700px;
    height: 320px;
    float:left;
    background-image:url(../images/contactos.jpg);
    background-repeat:no-repeat;
    padding:0 0 0 0;
}

/*contatos box esquerda*/
.contactose {
    width: 240px;
    height: 250px;
    float:left;
    padding:70px 0 0 0;
}

/*contatos box direita*/
.contactosd {
    width: 428px;
    height: 238px;
    float:left;
    padding:60px 22px 22px 0;
}

/*contatos box texto*/
.contactostext {
    width: 220px;
    float:left;
    padding:0 0 12px 20px;
}

.barrascont {
    color: #B30E80;
}

.boxerros {
    width: 198px;
    height: 238px;
    float:left;
}

.boxform {
    width:430px;
    height: 238px;
    float:left;
}

.form {
    width:428px;
    height: 22px;
    float:left;
    padding:0 0 3px 0;
}

.form2 {
    width:428px;
    height: 130px;
    float:left;
    padding:0 0 3px 0;
}


/*barra de formulário*/
.barraform {
    width: 226px;
    height: 17px;
    padding:5px 0 0 4px;
    float:right;
    background-color:#685156;
    margin:0;
    border:none;
    color:#EEEEEE;
    font-size:7pt;
    letter-spacing:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*barra de formulário*/
.barraform2 {
    width: 226px;
    height: 126px;
    padding:5px 0 0 4px;
    float:right;
    background-color:#685156;
    margin:0;
    border:none;
    color:#EEEEEE;
    font-size:7pt;
    letter-spacing:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


/*barra de formulário*/
.botaoform {
    background-color:#523B42;
    padding:0 0 5px 0;
    border:none;
    float:right;
    width: 230px;
    height: 22px;
    color:#FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:7pt;
    cursor:pointer;
}


.erros {
    width:193px;
    height: 22px;
    float:left;
    padding:0 5px 3px 0;
}


.corerro {
    color:#bb0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:7pt;
    font-style:normal;
    text-align:left;
}



/*//////////////////////////////////////////////////////////ERRO*/



.boxaviso {
    width:680px;
    height:60px;
    padding:260px 0 0 20px;
    background: url(../images/erro.jpg) no-repeat;

}

.textaviso {
    font-size:10pt;
    text-transform:uppercase;
}

ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:7pt;
    font-style:normal;
    text-align:left;
    line-height: 4pt;
    list-style-type:none;
    color: #e0e0e0;
    padding: 0;
}

li {
    display:inline;
}




/*//////////////////////////////////////////////////////////FOOTER*/
/*box do filete esquerdo footer*/
.boxfiletefo {
    width: 270px;
    height: 1px;
    background-color:#7f8670;
    float:left;
}

/*box do filete esquerdo*/
.boxfiletefo2 {
    width: 700px;
    height: 1px;
    background-color:#7f8670;
    float:right;
}

/*class do footer*/
.foo {
    color:#e5f9b9;
    font-size:7pt;
    line-height:normal;
    padding:0;
    margin:0;
}

/*class do footer*/
.foo2 {
    color:#e5f9b9;
    font-size:7pt;
    line-height:normal;
    text-align:right;
    padding:0;
    margin:0;
}



/*class da cor das barras do footer*/
.corbarras {
    color:#2D2D2D;

}

/*box das miniaturas */
.boxmini {
    width:22px;
    height:22px;
    padding:0 5px 0 0;
    float:left;
}


/*box esquerda do footer */
.foote {
    width: 400px;
    height: 22px;
    float:left;
}


/*box direita do footer */
.footd {
    width: 300px;
    height: 22px;
    float:left;

}






/* /////////////////////////////////////////////////////////////Update:Luis 14/06/2010 */


.boxmenu2 {
    width: 1000px;
    height: 60px;
	padding:40px 0 0 0;
    float:left;
}

.boxpatro{
    height: 30px;
    float:left;
	padding:0 25px 0 0;
}


.boxlogoup1 {
    width: 120px;
    height: 125px;
	float:left;
	padding:5px 0 0 150px;
}

.boxlinguaup1 {
    width: 730px;
    height: 45px;
	padding:0;
	float:left;
}

.textsombra{
	width: 160px;
	height: 35px;
	padding:0px;
	background-image:url(../images/showcase_sombra.png);
	float:right;
}


.logoup1 {
    width: 1000px;
    height: 130px;
	padding:0;
	float:left;
}

/* box do argestudios */
.estudiosup1 {
    width: 700px;
    height: 55px;
    padding:0 0 30px 30px;
    float:left;
}



.boxfileteup1 {
    width: 1000px;
    height: 0px;
	margin:0 0 10px 0;
    float:left;
}

/*box do filete esquerdo*/
.boxpremiosup1 {
    width: 1000px;
    height: 17px;
    float:left;
}


/*////////////////////////////////////////////////////////actualizacao 17/12/2010*/


/*  do da lingua do site */
.lingua {
    width: 50px;
    height: 25px;
    float:right;
}

ul.linklingua{
	margin:5px 0 0 0;
	height:25px;
	padding:0;
	overflow:hidden;
}
ul.linklingua a{
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:inline-block;
	outline: 0px;
	font-size:7pt;
	color:#A78725;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	
ul.linklingua a:hover {
	color:#fff;
}


ul.icons{
	margin:0 0 0 0;
	height:22px;
    width:22px;
	padding:0;
}
ul.icons a.behance_icon{
	margin:0;
	padding:0;
    height:22px;
    width:22px;
	display:block;
    position:absolute;
    background:url(../images/behance_icon.png);
	outline:0px;
	text-decoration:none;
}	
ul.icons a:hover.behance_icon {
	background-position: 0px -22px;
}
ul.icons a.facebook_icon{
	margin:0;
	padding:0;
    height:22px;
    width:22px;
	display:block;
    position:absolute;
    background:url(../images/facebook_icon.png);
	outline:0px;
	text-decoration:none;
}	
ul.icons a:hover.facebook_icon {
	background-position: 0px -22px;
}
ul.icons a.tweet_icon{
	margin:0;
	padding:0;
    height:22px;
    width:22px;
	display:block;
    position:absolute;
    background:url(../images/tweet_icon.png);
	outline:0px;
	text-decoration:none;
}	
ul.icons a:hover.tweet_icon {
	background-position: 0px -22px;
}
ul.icons a.vimeo_icon{
	margin:0;
	padding:0;
    height:22px;
    width:22px;
	display:block;
    position:absolute;
    background:url(../images/vimeo_icon.png);
	outline:0px;
	text-decoration:none;
}	
ul.icons a:hover.vimeo_icon {
	background-position: 0px -22px;
}
ul.icons a.flakes_icon{
	margin:0;
	padding:0;
    height:22px;
    width:22px;
	display:block;
    position:absolute;
    background:url(../images/flakes_icon.png);
	outline:0px;
	text-decoration:none;
}	
ul.icons a:hover.flakes_icon {
	background-position: 0px -22px;
}
ul.icons a.youtube_icon{
	margin:0;
	padding:0;
    height:22px;
    width:22px;
	display:block;
    position:absolute;
    background:url(../images/youtube_icon.png);
	outline:0px;
	text-decoration:none;
}	
ul.icons a:hover.youtube_icon {
	background-position: 0px -22px;
}