@charset "utf-8";
/* TYM Style Sheet */

/*********************************
General
*********************************/

* {
	font-family: tym;
	margin:0 auto;
	padding:0;
}
:focus{outline:none !important;}
a{text-decoration: none;color:#666666;display:block;font-size:11px;	font-family:'tym';}

ul{list-style:none;padding-right:13px;}
li{float:left;}
a{display:block;}
.clear{clear:both;}
.displayNone{display:none;}
.active{font-family:tym;font-weight:bold;}
.active a{font-family:tym;font-weight:bold;}
.first{/* display:block !important; */}
input:focus { -moz-outline-style: none; }
/******** Main wrap ********/
#wrapper {width:942px;}
#wrapper .pad{padding:70px 0 40px;}

/******** Logo Intro ********/
#logo_intro{color:#707070;float:right;width:195px;padding-right:5px;}
#logo_intro h1{font-size:42px;font-weight:normal;letter-spacing:-1px;text-indent:-5000px;background:url("../images/logo.jpg") no-repeat top center;}
#logo_intro h1 span{font-size:22px;color:#a6cc5f;}

/******** Logo ********/
#logo{color:#707070;float:right;width:195px;padding-right:20px;}
#logo a{font-size:42px;font-weight:normal;letter-spacing:-1px;text-indent:-5000px;background:url("../images/logo.jpg") no-repeat top center;}
#logo a span{font-size:22px;color:#a6cc5f;}

/******** Logo & Title ********/
#logo_title{color:#707070;float:right;width:195px;padding-right:20px;}
#logo_title a{font-size:42px;font-weight:normal;letter-spacing:-1px;text-indent:-5000px;background:url("../images/logo.jpg") no-repeat top center;height:35px;}
#logo_title a span{font-size:22px;color:#a6cc5f;}
#logo_title .title {}
#logo_title .title h2{color:#666;text-transform:lowercase;width:165px;font-size:15px;}

/******** Menu ********/
#menu{color:#707070;float:left;}
#menu .menu{float:left;clear:both;}
#menu .menu ul{}
#menu .menu ul li {background: url("../images/spacer.jpg") no-repeat scroll right 3px transparent;text-align:center;width:74px;}
#menu .menu ul li.first {padding:0;}
#menu .menu ul li.last {text-align:center;background:none;}
#menu .menu ul li a{text-transform:lowercase;font-size:10px;}

#menu .main_menu{}
#menu .main_menu{}
#menu .main_menu{}
#menu .main_menu ul{}
#menu .main_menu ul li{}
#menu .main_menu ul li.first{text-align:left;width:70px;}
#menu .main_menu ul li.last{}
#menu .main_menu ul li a{}
#menu .main_menu ul li a:hover{font-weight:bold;font-size:10px;}

#menu .sub_menu{width:100%;}
#menu .sub_menu ul{}
#menu .sub_menu ul li{}
#menu .sub_menu ul li.first{padding:0;text-align:left;width:70px;}
#menu .sub_menu ul li.last{padding:0 0px 0 10px;width:35px;}
#menu .sub_menu ul li a{}
#menu .sub_menu ul li.Sanitario{width:62px;}
#menu .sub_menu ul li.Sanitary{width:62px;}
#menu .sub_menu ul li.Interior{width:58px;}
#menu .sub_menu ul li.Investigation{width:90px;}
#menu .sub_menu ul li.Investigación{width:90px;}
#menu .sub_menu ul li a:hover{font-weight:bold;font-size:10px;}
/******** Studio ********/
#menu .sub_menu.studio {padding:0 0 0 70px;}
#menu .sub_menu.studio li.first{padding:0;text-align:center;width:74px;}

/******** Header ********/
#header{height:70px;overflow:hidden;}
#header .pad{padding:0;}

/******** Content ********/
#content {}
#content .container{/*background:#89bc40;*/float:left;height:425px;width:720px;overflow:hidden;position:absolute;}

/******** Right Column ********/
#rightColumn {float:right;height:425px;padding-right:30px;width:170px;}
#rightColumnThumbnail {}
#rightColumnThumbnail img{width:170px;}

/******** Left Column ********/
#leftColumn {}
#leftColumn #portfolio{}
#leftColumn #portfolio li{}
#leftColumn #portfolio li a{}

/*********************************
Intro
*********************************/
#intro {width:195px;color:#707070;}
#intro .pad{padding-top:20px;}

#intro .buttons {float:right;width:184px;}
#intro .buttons ul{width:170px;margin:0 auto;}
#intro .buttons ul li {float:left;}
#intro .buttons ul li.first {}
#intro .buttons ul li.last {}
#intro .buttons ul li.spacer {padding:0 10px;color:#a6cc5f;}
#intro .buttons ul li span{}
#intro .buttons ul li a{color:#666666;}
#intro .buttons ul li a:hover{color:#333333;}

/*********************************
Content With List
*********************************/
#list {text-align:right;}
#list .pad{padding:0;}
#list .pad ul{}
#list .pad ul li{clear:both;float:right;margin-bottom:30px;}
#list .pad ul li.last{/*float:none;*/margin-bottom:0px;}
#list .pad ul li h2{color:#8AB800;font-weight:bold;font-size:12px;text-transform:lowercase;padding-right:88px;}
#list .pad ul li span{color:#333333;}

#list .pad ul li ul{width:695px;float:right;}
#list .pad ul li ul li{margin:0;width:695px;}
#list .pad ul li ul li a{color:#666666;font-weight:normal;float:right;}
#list .pad ul li ul li a:hover{color:#84bc1d !important;font-weight:normal;}
#list .pad ul li ul li a:hover span{color:#84bc1d !important;font-weight:normal;}
#list .pad ul li ul li span{margin:0 0 0 5px;}
#list .pad ul li ul li .year{/*margin:0 0 0 25px;width:70px;*/width:75px;}

/*********************************
Content With Right Text
*********************************/
#text {text-align:right;}
	

/*********************************
Galeria
*********************************/
#galeria{}
#galeria .pad{padding:0;}

/*Controls*/
#controls {width:100%;}
#controls div, #controls1 div {
	-moz-border-radius:0px;
	-moz-box-shadow:none;
	background: none;
	cursor:pointer;
	display:inline-block;
	margin-top:5px;
	padding:0;
	}

/****/
#transitionBox {position:absolute;width:695px;}
#transitionBox img{position:absolute;width:695px;}

.controls input{
	background:url("../images/dot.png") no-repeat scroll center center transparent;
	float:left;
	height:10px;
	margin:0 5px 0 1px;
	text-indent:-5000px;
	width:10px;
	border:none;
	cursor:pointer;
	}
.controls input.selected{
	background-image: url("../images/dot_sel.png") !important;
	}
	
.controls input.active{	
	background-image: url("../images/dot_sel.png");
	}
.controls .back{	
	background:url("../images/back.png") no-repeat scroll center center transparent;
	float:right;
	height:10px;
	width:7px;
	padding:0;
	text-indent:-5000px;
	cursor:pointer;
	}
	
/*Right Column*/

#rightColumn.galeria {}
#rightColumn.galeria .title{/* margin-bottom:15px; */}
#rightColumn.galeria .title h2{color:#84bc1d;font-size:10px;}
#rightColumn.galeria .features{margin-bottom:120px;/* min-height:125px;height:auto !important; */height:125px;}
#rightColumn.galeria .features h3{font-size:9px;float:left;text-transform:uppercase;}
#rightColumn.galeria .features h3.subtitle{margin-bottom:15px;font-weight:normal;text-align:left;float:none;}
#rightColumn.galeria .features h3.label{color:#666666;font-weight:normal;}
#rightColumn.galeria .features h3.value{color:#333333;float:right;font-weight:normal;}
#rightColumn.galeria .features span{float:left;font-size:10px;}

#rightColumn.galeria .features .location{}
#rightColumn.galeria .features .date{}
#rightColumn.galeria .features .promoter{}
#rightColumn.galeria .features .budget{}
#rightColumn.galeria .features .contractor{}

#rightColumn.galeria .description{margin-bottom:20px;min-height:150px;height:auto !important;height:150px;}
#rightColumn.galeria .description p{font-size:9px;}
#rightColumn.galeria .description p span{font-size:10px !important;}

/******** Right Column Calidad ********/
#rightColumn.calidad {padding-top:35px;}

.empty .controls {padding-top:410px;}