/* @override 
	http://10.0.0.2/comm-together.com/dev/css/main.css
	http://comm-together.com/css/main.css
*/

@charset "UTF-8";
/* CSS Document */

body{
	background-color: #191919;
	padding: 0px; 
	margin: 0px;
	color: #b0b0b0;
	font-family: Georgia, Georgia, serif;
	font-size: 80%;
	line-height: 1.5;
}
/*
@font-face {
  font-family: "titillium text";
  src: url("TitilliumText1.eot?") format("eot") ,url("TitilliumText1.otf") format("opentype");
}
*/
@font-face {
    font-family: titillium text;
    src: url('TitilliumText1.eot');    
    src: local('titillium text'), url(TitilliumText1.otf) format("opentype");
}

@font-face {
  font-family: "titillium";
  src: url(TitilliumText600wt.otf) format("opentype"), url(TitilliumText600wt.eot) format("eot");
}

a{
	outline: none;
}

a:link{
	color: #fff;
	text-decoration: none;
}

a:visited{
	color: #fff;
	text-decoration: none;
}

a:hover{
	color: #da0046;
}

h1{
	color: #fff;
	font-family: "titillium text", Arial, Helvetica, sans-serif;
	font-size: 3em;
	margin:5px;
}

h2{
	color: #666;
	font:italic 1.8em "titillium text", Arial, Helvetica, sans-serif;
}

h2 a:link, h2 a:visited{	
	padding:10px;
	text-decoration:none;
	}
		

h3{
	font:1.4em "titillium text", Arial, Helvetica, sans-serif;
	color: #666;
}


h4{
	font:1.3em "titillium text", Arial, Helvetica, sans-serif;
	color: #c1002b;
}

h5{
	font:1.6em "titillium text", Arial, Helvetica, sans-serif;
	color: #ff1550;
	margin-bottom:5px;
}

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/**************util styles***************/

.cleared{
	clear:both;
}

.lined{
	border-bottom: 1px solid #fff;
	padding: 0px 0px 10px 0px;
}
	
	
.rFloated{
	float: right;
}

.small{
	font:italic 0.9em "titillium text", Arial, Helvetica, sans-serif;
	color: #fff;
}

.negrito{
	font-weight: bold;
}

.accentChar{
	font-family: "titillium", Arial, Helvetica, sans-serif;
}

.colorChar1{
	color:#c1002b;
}

.colorChar2{
	color:#CBD300;
}

.colorChar3{
	color: #f18e00;
}

.colorChar4{
	color: #009cda;
}

.colorChar5{
	color:#9260a0;
}

.superScripted{
	font-size: 75%;
	vertical-align: super;
}


/****************************************/
/* Page Structure                       */
/****************************************/

#headWrapper{
	background: url(../images/header-bg.png);
	font-family: "titillium text", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #333;
	clear: both;
	margin-bottom: 15px;
	padding:5px 5px 5px 13px;

}

#mainWrapper{
	width: 1024px;	
	margin: 0px auto;
}

#topWrapper{
	padding: 10px 20px 10px 11px;
	background: url(../images/header-bg.png);
}

#midleWrapper{
	min-height:300px;
	clear:both;
}

#bottomWrapper{

	clear:both;
	min-height:400px;
}

#contOverWrapper{
	float: left;
	width: 870px;
	margin: 0 0 15px 0;
}

#footerWraper{
	background: url(../images/header-bg.png);
	border-top:1px solid #333;
	clear: both;

}


/****************headerCont**************/

#header{
	width: 1024px;
	padding: 5px 5px 5px 0px;
	margin: 0px auto;
	
}

#langSelect{
	float: right;
	font-size: 1.1em;
}

#clientLog{
	position: fixed;
	width: 35px;
	top: 350px;
	left: 0px;
	z-index:5;
}


/****************topCont**************/

#logo {
	float: left;
}

#topAnim{
	clear: both;
	margin: 20px 0px 15px 0px;
	padding: 20px;
	background: url(../images/header-bg.png);	
}

/***************MainNav***************/

#mainNav{
	float: right;
	font-family: "titillium text", Arial, Helvetica, sans-serif;
	margin: 15px 15px 0px 0px;
}

#mainNav ul li{
	float: left;
	list-style: none;
	font-size: 1.6em;
	text-align: center;
}

#mainNav li.current {
	width: 120px;
}

#mainNav a{
	display: block;
	width: 120px;
	color: #fff;
}

#mainNav a:hover{
	color: #da0046;
	text-decoration:none;
}



/***************index_contColumns***************/

.contPod{
	width:291px;
	float:left;
	margin: 15px 0px 15px 0px;
	padding: 20px;		
	background: url(../images/header-bg.png);
}

.contPodCtr{
	width:291px;
	float:left;
	margin: 15px 15px 15px 15px;
	padding: 20px;
	background: url(../images/header-bg.png);
}
	
.newLink{
	background: #000 url(../images/ico_new_win01.png) no-repeat right bottom;
	padding:  6px;
	margin: 5px 0;
}

.newLink:hover{
	background: #131313 url(../images/ico_new_win02.png) no-repeat right bottom;
}

.oldLink{
	background: #000 url(../images/ico_link01.png) no-repeat right bottom;
	padding:  6px;
	margin: 5px 0;
}

.oldLink:hover{
	background: #131313 url(../images/ico_link02.png) no-repeat right bottom;
}

.newsItem{
	margin: 5px;
	padding:5px;
	color: #b0b0b0;
	background-color: #000;
}

/*.newsItem:hover{
	color: #fff;
	background-color: #131313;
}*/

.newsItem a{
	padding: 4px;
	
}

.newsItem a:hover{
	
}

.newsDate{
	font-family: "titillium", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 0.9em;
}

#newsFooter{
	background-color: #000;
	font-family: "titillium", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 0.9em;
	padding:0 2px 2px 2px;
}

#newsFooter li{
	float: left;
	margin: 0;
	padding:2px 8px 2px 8px;
}

#newsFooter li.current{
	background-color: #333;
}


/***************SubNav***************/

#rightPanel{
	float: left;
	margin: 25px 0px 0px 15px;
}

.subNav{
	margin: 0;
	padding: 0;
	border: none;
}

.subNav li{
	margin: 0;
	padding: 0 0 10px 0;
	font: italic 1.6em "Trebuchet MS", Helvetica, san-serif;
}

.subNav a{
	background-color: #000;
	color: #666;
	padding: 4px;
	margin: 0 0 15px 0;
}

.subNav a:hover{
	color: #fff;
}

.subNav li.cur{
	color: #da0046;
}


/**************Content****************/

#contentWrapper{
	padding: 20px;
	background: url(../images/header-bg.png);
}

#content{
	padding: 10px 10px 10px 10px;
	background: url(../images/header-bg.png);
	min-height:500px;
  	height:auto !important;
  	height:500px;
	z-index:5;
	
}

/***************contColumns***************/

.column{ 
	padding: 5px 0px 5px 0px;

}

#wrapper {
	margin: 0px 40px 30px 50px;
}

.wide, .thin {
	clear:both;
	font-size: 1em;
	line-height: 1.3em;
}

.wide p, .thin p{
	margin: 0 0 10px 20px;
	padding: 0;
	}
	
.wide li, .thin li{
	margin: 0 0 0 8px;
	padding: 0;
	}

.wide a img{
	margin:5px;
	border: 6px solid #666;
}

.wide a:hover img{
	margin:5px;
	border: 6px solid #fff;
}

blockquote{
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #da0046;
	margin-left: -25px;
}


/****************************************************/
#cases{
	color: #b0b0b0;
}

#cases li{
	border-bottom: 1px Solid #fff;
	margin: 30px 0 30px 0;
}

#cases img{
	float: left;
	margin: 0 10px 20px 10px;
}


/****************************************************/
#slider{
	z-index:5;

}
			
#slider div.texto{
	width: 240px;
	padding:15px 0 0 10px;
	font-size:15px;
	line-height:1.13;

}

#slider li h4, #slider li p{
	margin: 0;
	padding: 0;
	
}
		
 #slider li p{
	font-size: 0.8em;
}

#slider ul{
	margin:0;
	padding:0;
	list-style:none;
}
			
#slider li{
	float:left;
	margin:10px 10px 0px;
	list-style:none;
	min-height:300px;
}
		
#slider img{
	border:5px solid #333;
	}

#slider img:hover{
	border-color:#666;
}


/****************************************************/

.clients li{
	margin: 0 0 15px 0;
	padding: 0;
}

.w3 h3, .w3 h4{
	background-image:url(../images/seta01.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:22px;
	clear:both;
}
	
	.italik{
		font-style: italic;
		}

		
		

/***************footerCont***************/

#footer{
	width: 1024px;
	margin: 0px auto;
}

#footer p{
	font: 0.9em "titillium text", Arial, Helvetica, sans-serif;
}

#footer li{
	font: italic 1em "Trebuchet MS", Helvetica, san-serif;
	margin:3px 0;
	padding: 1px;
}
#footer li:hover{
	font: 1em "Trebuchet MS", Helvetica, san-serif;
}


#socialMedia{
	padding: 7px 10px 10px 10px;
	border-bottom: 1px solid #999;
}

#socialMedia ul{
	display: inline;
	padding: 0;
	margin: 0;
}

#socialMedia li{
	padding: 0  10px 0 0;
	margin: 0;
	display: inline;
}

/**/ 
.page_effect img{
		border:0;
		}

h3.cases{
	font:1.4em "titillium text", Arial, Helvetica, sans-serif;
	color: #666;
	margin-top:0px;
}

	
.viewmore{
	z-index:10;
	position:absolute;
	}
	
.oculto{
	visibility:hidden;
	}
	
.Lmargin{
	margin-left:35px;
	}

/* SOCIAL ICONS - GENERAL */
.social {
	list-style:none;
	margin:30px auto;
	width:464px;
	}
.social li {
	display:inline;
	float:left;
	background-repeat:no-repeat;
	}
	
.social li a {
	display:block;
	width:32px;
	height:32px;
	padding-right:5px;
	position:relative;
	text-decoration:none;
	}
	
.social li a strong {
	font-weight:normal;
	position:absolute;
	left:20px; 
	top:-1px;
	color:#fff;
	padding:3px;
	z-index:9999;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
	background-color:rgba(0, 0, 0, 0.7);
	-moz-border-radius:3px; 
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
	-webkit-border-radius:3px; 
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
	border-radius:3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.youtube {
	background-image:url(../images/youtube_32.png);
	}
	
li.digg {
	background-image:url(../_private/galeria/images/digg.png);
	}
	
li.facebook {
	background-image:url(../images/facebook_32.png);
	}
	
li.flickr {
	background-image:url(../_private/galeria/images/flickr.png);
	}
	
li.linkedin {
	background-image:url(../images/linkedin1.png);
	}
	
li.reddit {
	background-image:url(../_private/galeria/images/reddit.png);
	}
	
li.rss {
	background-image:url(../images/rss1.png);
	}
	
li.twitter {
	background-image:url(../images/twitter1.png); 
	}


.divider01{
	background-image:url(../images/back01.jpg);
	background-position:left center;
	height:1px;
	margin:15px 0px 0px 0px;
	padding:0px;
	
	}
	
.divider04{
	clear:both;
	width:690px;
	background-image:url(../images/divider04.png);
	background-position:center;
	background-repeat:no-repeat;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
	}

.sub_trab{
	font-size:14px;
	font-weight:bold;
}