/*
	Stylesheet for Imagen Visión
	April 2009
	Factor Idea
*/

@import url("jquery.lightbox-0.5.css"); 
@import url("jqzoom.css"); 

*			{margin:0px; padding:0px;}
body		{background-color:#272a2f; font: 12px Verdana, sans-serif; color:#b4b4b4; text-align: justify;}
p			{margin:10px 0px;}
a, h2		{color:#2ab34c; text-decoration: none;}
h3			{color:#f37053;}
a:hover		{text-decoration: underline;}
strong		{color:#fff;}

.wrapper	{width:1000px; margin:0px auto;}
.left		{float:left;}
.right		{float:right;}
.clear 		{clear:both;}

/* Header */
#header		{height:92px; padding-top:24px;}

/* Menú Flash */
#flash		{height:264px; width:100%; background: transparent url('../images/flash_bg.png') repeat-x;}
#projectflash {height:264px; width:100%; background: transparent url('../images/projects_flash_bg.png') repeat-x;}

/* Contenido */
#content	{margin:15px auto 30px; width:920px;}

/* Noticias */
.news			{list-style: none;  font-size: 14px; color:#FFF;}
.news .left		{ width:48%; text-align: left;}
.news .right	{font-size: 12px; width:48%; color:#b4b4b4;}
.news li		{padding:10px 0px; border-bottom: 1px solid #515357;}
.news a			{text-decoration: none; color:#FFF;}
.news a:hover	{text-decoration: underline;}

/* Contacto */
.contact .left	{width:30%; color:#FFF; text-align: left;}
.contact .right	{width:68%;margin-bottom:15px;}
.comment		{font-style: italic; color:#B4B4B4!important; font-size: 9px;}
form span		{color:#2ab34c;}

/* Carreras */
#career			{width:920px; height:400px; padding:15px 0px; background-image:url('../images/career_pattern.jpg'); background-repeat: no-repeat;}
#career .left	{width:160px; color:#FFF; text-align: left;}
#career .right	{width:220px;margin-bottom:13px;}
#career .form	{width:400px; margin:0px auto;}

/* Titulos de las Secciones */
#title			{border-bottom:1px solid #7d7f82; padding:5px; margin-bottom:15px;}
#title .left	{width:300px;}
#title .right	{width:610px;}

/* Menús de subsecciones */

.about, .culture, .allies,
.abouts, .alliess, .cultures	{width:127px; height:23px; display:block; background-image:url('../images/about_buttons.gif'); float:right; margin-left:5px;}

.about			{background-position: left -46px;}
.about:hover	{background-position: left -23px;}
.abouts			{background-position: left top;}
.culture		{background-position: -127px -46px;}
.culture:hover	{background-position: -127px -23px;}
.cultures		{background-position: -127px top;}
.allies			{background-position: -254px -46px;}
.allies:hover	{background-position: -254px -23px;}
.alliess		{background-position: -254px top;}

/* Proyectos */

.projects			{list-style: none;}
.projects li		{display:block; float:left; width:144px; height:171px;padding:10px; background-image:url('../images/projects_box.gif'); cursor:hand; cursor:pointer; text-align: left; margin:10px;}
.projects li:hover	{background-position: bottom left;}
.projects h1		{font-size:14px; color:#fff; font-weight:normal;}
.line	{height:.01em; border-bottom:1px solid #515357; margin:10px 0px;}
.project_chars		{list-style-image:url('../images/projects_bullet.gif'); margin: 0px 40px;}
.project_chars li	{margin: 10px 0px;}

.orange .info, .orange .infos, .orange .char, .orange .chars, .orange .location,.orange .locations,.orange .blueprint,.orange .blueprints,.orange .gallery,.orange .gallerys {display:block; background-image:url('../images/projects_buttons_orange.png'); float:right; margin-left:5px;  height:23px;}
.blue .info, .blue .infos, .blue .char, .blue .chars, .blue .location, .blue .locations, .blue .blueprint, .blue .blueprints, .blue .gallery, .blue .gallerys {display:block; background-image:url('../images/projects_buttons_blue.png'); float:right; margin-left:5px;  height:23px;}
.dblue .info, .dblue .infos, .dblue .char, .dblue .chars, .dblue .location, .dblue .locations, .dblue .blueprint, .dblue .blueprints, .dblue .gallery, .dblue .gallerys {display:block; background-image:url('../images/projects_buttons_dblue.png'); float:right; margin-left:5px;  height:23px;}
.yellow .info, .yellow .infos, .yellow .char, .yellow .chars, .yellow .location, .yellow .locations, .yellow .blueprint, .yellow .blueprints, .yellow .gallery, .yellow .gallerys {display:block; background-image:url('../images/projects_buttons_yellow.png'); float:right; margin-left:5px;  height:23px;}
.grey .info, .grey .infos, .grey .char, .grey .chars, .grey .location, .grey .locations, .grey .blueprint, .grey .blueprints, .grey .gallery, .grey .gallerys {display:block; background-image:url('../images/projects_buttons_grey.png'); float:right; margin-left:5px;  height:23px;}


.info, .infos, .char, .chars, .location, .locations, .blueprint, .blueprints, .gallery, .gallerys {display:block; background-image:url('../images/projects_buttons_green.png'); float:right; margin-left:5px;  height:23px;}
.info, .infos			{width:65px; background-position: left bottom;}
.info:hover				{background-position: left -23px;}
.infos					{background-position: left top;}
.char, .chars			{width:129px; height:23px; background-position:-68px bottom;}
.char:hover				{background-position: -68px -23px;}
.chars					{background-position: -68px top;}
.location, .locations	{width:86px; background-position: -199px bottom ;}
.location:hover			{background-position: -199px -23px;}
.locations				{background-position: -199px top;}
.blueprint,.blueprints	{width:128px; background-position: -287px bottom;}
.blueprint:hover		{background-position:  -287px -23px;}
.blueprints				{background-position:  -287px top;}
.gallery, .gallerys		{width:87px; height:-23px; background-position: -418px bottom;}
.gallery:hover			{background-position: -418px -23px;}
.gallerys				{background-position: -418px top;}

/* Menú de Plazas proyectos*/
#malls			{background-color: #17191c; padding:15px 0px;}
#malls .wrapper	{width:960px; margin:0px auto;}
#malls ul		{list-style: none; margin-top:10px;}
#malls li		{float:left; margin-right:9px;}

.fadeThis 		{position:relative; display:block; height: 60px; width: 112px; background:url('../images/malls_navigation.png') 0 0 no-repeat;}
.fadeThis * 	{display: none;}
.fadeThis span.hover 	{position: absolute; top: 0; left: 0; display: block; height: 100px; width: 112px; background:url('../images/malls_navigation.png') 0 -61px no-repeat;}
.plata					{background-position: -112px 0;}
.plata span.hover 		{background-position: -112px -61px;}
.calzadas				{background-position: -224px 0;}
.calzadas span.hover 	{background-position: -224px -61px;}
.platinum				{background-position: -336px 0;}
.platinum span.hover 	{background-position: -336px -61px;}
.antalya				{background-position: -448px 0;}
.antalya span.hover 	{background-position: -448px -61px;}
.adana1					{background-position: -560px 0;}
.adana1 span.hover 		{background-position: -560px -61px;}
.adana2					{background-position: -672px 0;}
.adana2 span.hover 		{background-position: -672px -61px;}
.adana3					{background-position: -784px 0;}
.adana3 span.hover 		{background-position: -784px -61px;}

/* Footer */
#footer			{background: transparent url('../images/footer_bg.png') repeat-x; text-align: right; margin-top:12px;}
#projectfooter	{background: transparent url('../images/projects_footer_bg.png') repeat-x; text-align: right; margin-top:12px;}
#author			{margin:0px auto 20px; width:960px; color:#FFF;}
#author a		{text-decoration: none; color:#FFF;}

/* Galerías */
#photos			{list-style: none; margin:10px 0px;}
#photos li		{float:left; margin:5px; display:block; border: 3px solid #515357;background-color: #515357; width:100px; height:100px;}

/* Caja Redondeada */

.rbroundbox {background:url('../images/nt.gif') repeat;}
.rbtop div 	{background:url('../images/tl.gif') no-repeat top left;}
.rbtop 		{background:url('../images/tr.gif') no-repeat top right;}
.rbbot div 	{background:url('../images/bl.gif') no-repeat bottom left;}
.rbbot 		{background:url('../images/br.gif') no-repeat bottom right;}

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; height: 7px; font-size: 1px; }
.rbcontent 	{margin: 10px 17px;}
.rbroundbox {width: 100%; margin: 1em auto;}