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


@font-face {
 font-family:"vectoraLight";
 src: url("../tipos/VectoraLT_Light.eot");
}
@font-face {
 font-family:"vectoraLight";
src: url("../tipos/VectoraLT_Light.TTF");
}


@font-face {
 font-family:"vectoraRoman";
 src:url("../tipos/VectoraLT_Roman.eot");
}
@font-face {
 font-family:"vectoraRoman";
src:url("../tipos/VectoraLT_Roman.TTF");
}

@font-face {
 font-family:"vectoraLItalic";
 src:url("../tipos/VectoraLT_Italic.eot");
}
@font-face {
 font-family:"vectoraLItalic";
src:url("../tipos/VectoraLT_Italic.TTF");
}

html {
height: 100%;
}

body {
	height: 100%;
	margin: 0;
	paddin:0;
	background-color:#EFEFEF;

}

/* HEADER  ////////////////////////////////////////////////////////////////////  */
#header {
	position:relative;
	height:154px;
	background:url(../img/bg_head.gif) repeat-x;
	}
.header {
	height:154px;
	background:url(../img/bg_head.gif) repeat-x;
	width: 100%;
}
.content{
	width:920px;	
}
.logoymenu{
	margin-left:auto;
	height:78px;
	margin-right: auto;
	text-align: center;
	width: 920px;	
}
#linea{
	height:3px;
	background-color:#F30;
	margin-bottom:15px;
	width:880px;
}
.linea{
	height:3px;
	background-color:#F30;
	margin-bottom:15px;
	width:880px;
	margin-left: 12px;
}
#logo {
	position:absolute;
	margin-left:12px;
	height:78px;
}
.logo {
	height:62px;
	text-align: center;
	width: 166px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin-left: 25px;
}
#lengua{
	position:absolute;
	font-size:11px;
	text-decoration:underline;
	font-family:"vectoraLight",helvetica;
	color:#ccc ;
	float:right;
	left: 840px;
	top: 40px;
}
.lengua{
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}
.lengua a{
	font-size:11px;
	text-decoration:underline;
	font-family:"vectoraLight",helvetica;
	color:#ccc;
	float:right;
	margin-right: 35px;
	margin-top: 40px;
}

#menu {
	position:absolute;
	margin-top:83px;
	height:62px;
	width: 405px;
	}
.menu {
	float: left;
	margin-top: 30px;
	overflow: hidden;
	clear: left;
	padding-left: 22px;
	width: 100%;
	}
#menu ul{
	position:absolute;
	font-size:25px;
	list-style:none;
	padding-left:0.8em;
	left: 0em;
}


#menu li{
	margin-left:4px;
	font-family:"vectoraLight",helvetica;
	word-spacing:normal;
	float:left;
}

#menu li a{
	color:#333;
	text-decoration:none;
}

#menu li a:hover,a:visited{
	color:#666;
	text-decoration:none;
}
.botMenu {
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

.botMenu a {
	font-size:25px;
	margin-left:4px;
	font-family:"vectoraLight",helvetica;
	word-spacing:normal;
	float:left;
	color:#333;
	text-decoration:none;
}

.botMenu a:hover {
	color:#666;
}
.botMenu a:visited {
	color:#333;
}

/* LISTA TRABAJOS //////////////////////////////////////////////////////////////////// */
.content{
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width: 920px;
}

#content{
position:relative;
height:100%;

}

#content ul{
	margin-top:1px;
	list-style:none;
	padding-left:0px;
}



#content a:hover{
	background-color:#CCC;
	}

#content a,hover,visited,active{
	text-decoration:none;

}
	
.fila{
	color: #FFFFFF;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
}
.fila a{
	width: 100%;
	background-color:#FFF;
	height:200px;
	margin-bottom:1px;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
}	
.itemWork{
	width:920px;
	height:200px;
	margin-bottom:1px;
	margin-right: auto;
	margin-left: auto;
}
.thumb{
	float:left;
}
.thumb2{
	float:left;
	display:none;
}
.textPrev{
text-align:left;
width:380px;
text-decoration:none;
margin-left:20px;
float:left;
}
.textPrev h1{
font-family:"vectoraLight",helvetica;
font-size:18px;
font-weight:normal;
color:#333;
margin-top:1.4em;
margin-bottom:0em;
}
.textPrev h1 a{
color:#333;
}
.textPrev h1 a:hover{
color:#E52826;
}
.textPrev h2{
font-family:"vectoraRoman",helvetica;
font-size:14px;
font-weight:normal;
color:#666;
margin-top:0em;
}

.textPrev h3{
font-family:"vectoraLItalic",helvetica;
font-size:11px;
font-style:italic;
font-weight:normal;
color:#666;
margin-top:0em;
}

.textPrev p{
font-family:"vectoraRoman",helvetica;
font-size:13px;
font-style:normal;
color:#333;
margin-top:2.5em;
}


.prevOff{
margin-right:1px;
margin-left:-5px;
width:29px;
height:201px;
float:left;
}


/* PROYECTOS //////////////////////////////////////////////////////////////////// */


#textoProyecto{
	position:relative;
	width:920px;
	margin-top:1.8em;
	padding-bottom:0.5em;
	
}

#nombre{
width:405px;
font-family:"vectoraLight",helvetica;
font-size:17px;
font-weight:normal;
color:#F00;
margin-left:1.5em;
margin-bottom:0em;
}

.cliente{
width:405px;
font-family:"vectoraLight",helvetica;
font-size:12px;
font-weight:normal;
color:#333;
margin-left:2.1em;
margin-top:0;

}


#tiposPieza{

width:405px;
font-family:"vectoraLItalic",helvetica;
font-size:11px;
font-style:italic;
font-weight:normal;
color:#666;
margin-top:2.5em;
margin-left:2.4em;


}

#descripcion{

font-family:"vectoraRoman",helvetica;
font-size:13px;
font-style:normal;
color:#333;
width:405px;
margin-top:2.5em;
margin-left:2em;
margin-bottom:1em;

}


#comparte{
	width:405px;
	margin-left:1.5em;
	margin-bottom:20px;
	
}

#imgProyectos{
	position:relative;
	width:920px;


}

#imgProyectos ul{
	
	list-style:none;
}

#imgProyectosli{
	
}

.piezas{	
	width:880px;
	background-color:#FFF;
	margin-bottom:8px;
	float:left;
}


.imgUnica{
padding-top:15px;
padding-left:15px;
padding-bottom:15px;
padding-right:15px;
margin-right:0px;
float:left;
}


.imgPrimera{
padding-top:15px;
padding-left:15px;
padding-right:15px;
margin-right:0px;
float:left;
}

.imgResto{
padding-left:15px;
padding-right:15px;
margin-right:0px;
float:left;
}


.imgFinal{
padding-left:15px;
padding-bottom:15px;
padding-right:15px;
margin-right:0px;
float:left;
}




.tipo{
	width:1.2em;
	font-family:"vectoraLight",helvetica;
	color:#333;
	font-size:40px;	
	margint-left:10px;
	float:left;
	text-align:left;


}
.tipo p{
}

.diago{
margin-top:5px;
clear:left;
}


.lnkIco a, visited, active{
	background-color:transparent;
	boder:0px;
	text-decoration:none;
	margin-bottom:0px;
	
}

#fin{
position:relative;
width:100%;
height:24px;
background:url(../img/bg_fin.gif) repeat-x;
margin-top:2em;
margin-bottom:1px;
clear:both;
}


.lnkBasic{
	color:#333;
	text-decoration:underline;
	
}

.lnkBasic:hover,lnkBasic:visited{
	color:#666;
	text-decoration:underline;
}

/* FOOTER //////////////////////////////////////////////////////////////////// */

#footer{
	position:relative;
	width:100%;
	height:2em;
	background-color:#fff;
	margin-top: 1em;
	bottom: 0;
	float: left;
	z-index: 3;
	clip: rect(auto,auto,0px,auto);
	clear: left;
}


#footer p{
	
	font-family:"vectoraRoman",helvetica;
	width:880px;
	font-size:11px;
	padding-top:1em;
	padding-left:1.2em;
	margin-top:0px;
	
	

}
#footer a{
	color:#333;
	text-decoration:none;
}

#footer a:hover,a:visited{
	color:#666;
	text-decoration:none;
}