/** Hoja de estilos para varios elementos que utilizo en varias paginas
  * @author Luis Fernando Alvarez Gazcón
  * @Modificado: 14/Diciembre/2012
 */
 
@font-face 
{
	font-family:'Conv_Helvetica-Condensed-Light';
	src: url('../Tipografias/Helvetica-Condensed-Light.eot');
	src: local('?'), url('../Tipografias/Helvetica-Condensed-Light.woff') format('woff'), url('../Tipografias/Helvetica-Condensed-Light.ttf') format('truetype'), url('../Tipografias/Helvetica-Condensed-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

ul
{
	margin:0;
	padding:0;
}

li
{
	font-family:'Conv_Helvetica-Condensed-Light', calibri, Sans-Serif;
	width:115px;
	height:150px;
	float:left;
	color:#191919;
	text-align:center;
	overflow:hidden;
	list-style-type:none;
}

li.firm
{
	font-family: calibri, Sans-Serif;
	width:115px;
	height:150px;
	float:left;
	color:#191919;
	text-align:center;
	overflow:hidden;
	list-style-type:none;
}

p.opcion
{
	font-size:16px;
	color:#191919;
	text-decoration:none;
	padding-top:100px;
	padding-bottom:28px;
}

p.subopcion
{
	font-family: calibri, Sans-Serif;
	height:30px;
	padding-top:7px;
	font-size:15px;
	color:#191919;
	text-decoration:none;
}

p.subopcion a
{
	height:30px;
	font-size:15px;
	color:#191919;
	text-decoration:none;
}

p.subopcion a:hover
{
	height:30px;
	padding-left:26px;	
	padding-right:26px;
	font-size:14px;
	color:#B4D270;
	text-decoration:none;
	background-color:#607A1F;
}

ul a.selected p.opcion 
{
	color:#191919;
	font-weight:bold;
}

.home
{
	background: url('../Imagenes/Menu/home_off.png') top left no-repeat; 	
	position:absolute; 
	margin-left:0px; 
	cursor:pointer;
} 

.home:hover
{
	background: url('../Imagenes/Menu/home_on.png') top left no-repeat; 	
	position:absolute; 
	cursor:pointer; 
}

.firm
{
	background: url('../Imagenes/Menu/menu_off.png') top left no-repeat; 
	z-index:5; 
	position:absolute; 	
	margin-left:596px; 
	cursor:pointer; 
}

.firm:hover
{
	background: url('../Imagenes/Menu/firm_on.png') top left no-repeat;
	position:absolute; 	
	margin-left:596px; 
	cursor:pointer;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.projects
{
	background: url('../Imagenes/Menu/menu_off.png') top left no-repeat; 
	z-index:5; 
	position:absolute; 	
	margin-left:716px; 
	cursor:pointer; 
}

.projects:hover
{
	background: url('../Imagenes/Menu/projects_on.png') top left no-repeat;
	position:absolute; 	
	margin-left:716px; 
	cursor:pointer;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.contact
{
	background: url('../Imagenes/Menu/menu_off.png') top left no-repeat;
	position:absolute; 
	margin-left:836px; 
	cursor:pointer;
}

.contact:hover
{
	background: url('../Imagenes/Menu/menu_on.png') top left no-repeat;
	position:absolute; 
	margin-left:836px; 
	cursor:pointer;
}