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

body, html{
	margin:0px;
	height:100%;
}
#container{
	width:900px;
	height:auto;
	margin:0 auto;
}
#left-nav{
	width:200px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-top:0px;
	margin-top:25px;
	position: fixed;
}
#right-nav{
	width:680px;
	height:100%;
	float:right;
	margin-left:20px;
	margin-top:160px;
}
.logo{
	width:200px;
	height:auto;
	margin-bottom:30px;
}
/**************noticias*************/
.noticias{
	width:190px;
	height:120px;
	overflow:auto;
	margin-top:0px;
	padding-top:5px;
	padding-bottom:35px;
	margin-left:5px;
	border-bottom:thin #000 solid;
	border-top:thin #000 solid;
}
.noticias-tit{
	width:56px;
	margin-left:138px;
	margin-top:20px;
}
.news{
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
	font-size:11px;
	text-align:right;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:#333 thin dotted;
	width:165px;
	}
	
/**************contacto*************/

.contacto{
	width:113px;
	margin-left:85px;
	margin-top:35px;
}
.contacto-data{
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
	font-size:11px;
	text-align:right;
	margin-right:5px;
	margin-top:5px;
}


/**************menu desplegable*************/
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
margin-left:17px;
}
.item-menu{
	font: bold 12px Arial;
	color: #000;
	margin-bottom: 5px; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 5px; /*header text is indented 10px*/
	text-align:right;
}
.item-menu a{
	font: bold 12px Arial;
	color: #000;
	margin-bottom: 5px; /*bottom spacing between header and rest of content*/	
	text-align:right;
	text-decoration:none
}
.item-menu a:hover{
	font: bold 12px Arial;
	color: #fff;
	margin-bottom: 5px; /*bottom spacing between header and rest of content*/
	text-align:right;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 12px Arial;
	color: #000;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 5px; /*header text is indented 10px*/
	cursor: pointer;
	text-align:right;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	width:115px;
	margin-left:55px;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;

}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;

}

.arrowlistmenu ul li a{
	color: #000;
	display: block;
	padding: 1px 10px;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;	
	text-align:right;
	width:100px;
}

.arrowlistmenu ul li a:visited{
color: #000;
font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	width:100px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background-color:#000;
	width:100px;
	color:#fff;
	padding: 1px 13px;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
/**************home*************/

.tit-seccion{
	width:654px;
	height:25px;
	margin-top:25px;
	margin-left:10px;
	position:absolute;
	margin-top:0px;
	margin-left:10px;
}
.volver{
	height:25px;
	width:75px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:100;
	position:absolute;
	margin-top:7px;
	margin-left:610px;
}
	
a:link {
   text-decoration:none;
   color: #000; 
   }
a:visited { 
   text-decoration:none;  color:#000; 
}

a:hover {
   text-decoration:none;
   color:#fff;
   background-color:#000;
}


.img-inicio{		
		width:654px;
		height:350px;
		background-color:red;
		margin-left:10px;
}

.main{		
		width:700px;
		margin-left:10px;
		margin-top:27px;
		float:left}
.muestra-trabajo{		
		width:654px;
		height:auto;
		margin-left:10px;
		margin-top:27px;
}
.detalle-trabajo{		
		width:654px;
		height:87px;
		margin-left:0px;
		margin-top:20px;
		margin-bottom:30px;
}
.semicirculo{
		float:left;
		width:42px;
		height:87px;
		background-image:url(img/semi-circulo.jpg);
		background-repeat:no-repeat;
		margin-left:0px;
}
.txt-trabajo{
		float:left;
		width:500px;
		text-align:left;
		padding-left:15px;
		margin-top:-10px;
}
/**************txt*************/
h1{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	padding-bottom:5px;
	text-transform:uppercase
}
h2{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	padding-bottom:5px;
	text-transform:uppercase
}
P{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
	margin-top:-5px;
}
P2{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
	margin-top:-10px;
}
/**************trabajos*************/
.div-work{		
		width:310px;
		height:300px;
		float:left;
		margin-right:20px;
		margin-bottom:10px;
		margin-top:3px;
}
.thumb-work{
		width:310px;
		height:200px;
		margin:0;
		margin-bottom:5px;
}