/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Title : Tatamia Solutions
URL : www.tatamia.com

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

body{
	margin: 0px auto;
	background-color: #FFF;
}
#global {
	width: 100% auto;
	margin: 0px auto;
	text-align: center;
}


/* INICIO HEADER */
#header {
	width: 100%;
	height: 144px;
	margin: 0px auto;
	background-attachment: fixed;
	background-image: url(_images/BG_Logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #2b2b2b;
}
#line_sup {
	width: 100%;
	height: 10px;
	position:relative;
	margin: 0px auto;
	background-color: #000;
	display:block;
}
#header_elements {
	width: 890px;
	margin: 0px auto;
}
#logo {
	width: 195px;
	height: 125px;
	float:left;
	position: relative;
	background: url(_images/Logo_Tatamia_Home.png) no-repeat left 15px;
	-background: url(_images/Logo_Tatamia_Home.jpg) no-repeat left 15px;

}
/* FIN HEADER */



/* INICIO BOTONERA */
#navigation {
	float:right;
	position: relative;
	height:461px auto;
  	list-style: none;
	padding-top:8px;
}

#navigation li {
  float: right;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
	height: 86px;
	position: relative;
	display: block;
	background: url(_images/dragon-sprite_tata.png);
	-background: url(_images/dragon-sprite_tata.jpg) no-repeat;
}

/* individual navigation items */
#navigation a.home {
  background-position: 0 0;
  width: 80px;
}

#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background-position: 0 -89px;
  width: 80px;
}

#navigation a.mobile {
  background-position: -80px 0;
  width: 83px;
}

#navigation .highlight a.mobile:hover,
#navigation a.mobile .hover {
  background-position: -80px -89px;
}

#navigation a.comunidades {
  background-position: -163px 0;
  width:118px;
}

#navigation .highlight a.comunidades:hover,
#navigation a.comunidades .hover {
  background-position: -163px -89px;
}

#navigation a.media {
  background-position: -282px 0;
  width: 77px;
}

#navigation .highlight a.media:hover,
#navigation a.media .hover {
  background-position: -282px -89px;
}

#navigation a.contact {
  background-position: -359px 0;
  width: 103px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background-position: -359px -89px;
}
/* FIN BOTONERA */





/* ----------------INICIO BANNER------------------------------ */
#banner {
	margin:0 auto;
	width:100%;
	height:389px;
	text-align: center;
	background: url(_images/BG_Banner_home.jpg) no-repeat center 0px;
	background-color: #801d28;
	clear: both;
}
#banner_MOB {
	margin:0 auto;
	width:100% inherit;
	height:299px;
	background: url(_images/BG_Banner_home_Mobile.jpg) no-repeat center 0px;
	background-color: #c7d1d2;
	clear: both;
}
#banner_MARK {
	margin:0 auto;
	width:100% inherit;
	height:299px;
	background: url(_images/BG_Banner_home_Mark.jpg) no-repeat center 0px;
	background-color: #ff9600;
	clear: both;
}
#banner_Media {
	margin:0 auto;
	width:100% inherit;
	height:299px;
	background: url(_images/BG_Banner_home_Media.jpg) no-repeat center 0px;
	background-color: #070708;
	clear: both;
}
/* FIN BANNER */

/* INICIO CUERPO  SECCIONES*/
#cuerpo {
	width:100%;
	height:520px;
	margin:0 auto;
	background-image: url(_images/BG_Secc_home.jpg);
	background-position: top;
	background-position: center 0px;
	background-repeat: repeat-x;
}
#cuerpoMOB {
	width: 100% inherit;
	background-image: url(_images/BG_SeccMob_home.jpg);
	background-position: top;
	background-position: center 0px;
	background-repeat: repeat-x;
	clear:both;
}
#cuerpoCON {
	width: 100% inherit;
	height: 520px;
	background-image: url(_images/BG_SeccMob_home.jpg);
	background-position: top;
	background-position: center 0px;
	background-repeat: repeat-x;
	clear:both;
}
#info{
	width:890px;
	margin:0 auto;
	clear:both;
}
.info_alig{
	text-align:center;
}
#info a{
	color:#F60;
	border:0;
	text-decoration:none;
}
#info a:hover{
	text-decoration:underline;
}
.col{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-align:	justify;

}
.col2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-align:	justify;

}
.col3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align:	left;
}
#img_mostra{
	width:100%;
	padding-bottom:30px;
}
/* ---------------------- CSS COLUMNAS HOME -------------------------*/
#bi_col_home1{
	width:435px;
	float:left;
	padding: 10px 5px 5px 0;
	line-height:18px;
}
#bi_col_home2{
	width:435px;
	float:right;
	padding: 10px 0 5px 5px;
	line-height:18px;
}
/* ---------------------- CSS COLUMNAS MOBILE -------------------------*/
#bi_col_MOB{
	width:280px;
	margin:0 auto;
	float:left;
	padding:8px 10px 30px 0;
	word-spacing: 1px;
}
#bi_col_MOB2{
	width:570px;
	height: 250px;
	margin:0 auto;
	float:right;
	padding:8px 0 30px 10px;
	word-spacing: 1px;
	background-image: url(_images/img_pasos_mobile.png);
	background-repeat: no-repeat;
	background-position: left 40px;
}
#tri_col_MO1{
	width:285px;
	float:left;
	padding:5px 10px 5px 0;
}
#tri_col_MO2{
	width:290px;
	float:left;
	padding: 5px 5px 5px 5px;

}
#tri_col_MO3{
	width:285px;
	float:right;
	padding: 5px 0 5px 10px;

}
#bi_col_MOB3{
	width:430px;
	margin:0 auto;
	float:left;
	padding:0 5px 30px 0;
	word-spacing: 1px;
}
#bi_col_MOB4{
	width:430px;
	margin:0 auto;
	float:right;
	padding:0 0 30px 5px;
	word-spacing: 1px;
}
/* ---------------------- CSS COLUMNAS MARKETING -------------------------*/
#tri_col_MAR1{
	width:285px;
	float:left;
	padding:5px 10px 5px 0;
}
#tri_col_MAR2{
	width:290px;
	float:left;
	padding: 66px 5px 5px 5px;

}
#tri_col_MAR3{
	width:285px;
	height:150px;
	float:right;
	padding: 66px 0 5px 10px;

}
#col_MAR4{
	width:590px;
	float:left;
	padding:40px 0 5px 0;
	clear:left;
}
/* ---------------------- CSS COLUMNAS MARKETING -------------------------*/
#col_CON1{
	width:600px;
	float:left;
	padding:22px 10px 10px 0;
}
#col_CON2{
	width:260px;
	float:right;
	padding:0 0 10px 10px;
}
/* -------------------------  INICIO MEDIA  --------------------------- */
#bi_col_ME1{
	width:600px;
	float:left;
	padding:22px 10px 20px 0;
}
#bi_col_ME2{
	width:435px;
	float:right;
	padding:22px 0 10px 10px;
}
#pen_col_ME3{
	width:162px;
	float:left;
	padding:5px 10px 10px 0;
}
#pen_col_ME4{
	width:162px;
	float:left;
	padding:5px 10px 10px 10px;
}
#pen_col_ME5{
	width:162px;
	float:right;
	padding:5px 0 10px 10px;
}
#bi_col_ME6{
	width:435px;
	float:left;
	padding:20px 10px 5px 0;
}
#bi_col_ME7{
	width:435px;
	float:right;
	padding:20px 0 5px 10px;
}
#titl_col{
	height:20px;
}


/* FIN CUERPO SECCIONES*/


/* -------------------------  INICIO PIE  --------------------------- */
#pie{
	padding-top:10px 0 0 0;
	width:100%;
	background-color: #2b2b2b;
	clear:both;
}

#info_pie{
	margin:0 auto;
	width:890px;
	height:320px;
	background-color: #2b2b2b;
}


#bot_inf{
	float:left;
	width:250px;
	padding: 0px;
	margin: 0px;
}

#peu_center {
	width:100%;
	padding: 2px 0 6px 0;
}

.copy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666;
	text-align: right;
	}

/* INICIO BOTONERA PIE */


.menu_inf{
	width:100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:left;
	line-height:30px;
	color: #979797;
	padding: 0px;
	margin: 0px;
}

.menu_inf ul {
	padding: 0px;	
	width:100%;
	padding: 0px;
	margin: 0px;
}

.menu_inf li {
	list-style: none;
}

.menu_inf li a:hover {
	text-decoration: none;
	color: #FFF;
}

.menu_inf a {
	text-decoration: none;
	color: #979797;
}

hr {
  border: none;
  background-color: #434343;
  height: 1px;
}

/* FINAL BOTONERA PIE */

/* INICIO LOACATION*/

#location {
	width: 620px;
	float: right;
	text-align: right;
	padding: 0 5px 0 5px;
}

.menu_location{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:right;
	color: #979797;
	letter-spacing: normal;
	word-spacing: normal;
}

.menu_location a{
	color: #979797;
	text-decoration: none;
}

.menu_location a:hover{
	color: #F60;
	text-decoration: none;
}

/* FINAL LOACATION*/

/* ------------------  FINAL PIE  -------------------------*/


h1 {
	font-size: 24px;
	font-weight:bold;
	color: #333;
	text-transform:uppercase;
	letter-spacing: -1px;
	text-decoration:none;
}

h2 {
	font-size: 30px;
	font-weight:bold;
	color: #333;
	letter-spacing: -1px;
	text-transform:uppercase;
	text-decoration:none;
}

h2.white{
	color: #FFF;
}


h3 {
	text-decoration:none;
	font-size: 30px;
	text-align: left;
	font-weight:bold;
	color: #F60;
	font-family: Verdana, Geneva, sans-serif;
}

h4 {
	font-size: 11px;
	text-align: left;
	font-weight:bold;
	color: #F60;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:none;
}

#hr2 {
	width:100%;
  	border: none;
  	background-color: #d8d8d8;
  	height: 1px;
	clear:both;
}

#borra{
	width:100%;
	height: 35px;
	margin: 15px 0 20px 0;
	padding:5px 0 5px 0;
	clear:both}

#borra1{
	width:100% auto;
	height: 1px;
	padding:5px 0 5px 0;
	clear:both;
}


#borra2{
	width:100% auto;
	height: 1px;
	padding:20px 0 20px 0;
	clear:both;
}
#borra3{
	width:100% auto;
	height: 5px;
	padding:2px 0 2px 0;
	clear:both;
}
.oculto {
	display:none;	
}