* { margin: 0; padding: 0; outline: none;}
html { height: 100%; overflow: auto;}
body { font: 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background-color: #000; height:1400px;}
/****************************************************************************************************************/

		html, body
					{
						padding:0;
						margin:0;
						
						/*overflow-x: hidden;*/
						
					}
				#superiorPerfil, #superiorCurriculum
					{
						color:#000;
						
                                        }
                                        
                                #superiorPerfil
                                        {
                                            background-color:#FFC400;
                                        }
                                        
                                #superiorCurriculum
                                        {
                                            background-color:#00A5E6;
                                            
                                        }
                                    
                                #superiorClientes{
                                            background-color:#fff;
                                            color:#E4007C;
                                        }
                                #superiorProyectos{
                                           background-color:#E4007C; 
                                        }
				#superiorInteriorismo{
                                           background-color:#507D2A; 
                                        }
                                        
                                #superiorGrafico{
                                            background-color: #8E33CC;
                                        }
                                        
                                #superiorIndustrial{
                                            background-color: #FC780E;
                                        }
										
								#superiorLevanteTV
                                        {
                                            background-color:#F90E2A;
                                            
                                        }
										
								#superior12TV
                                        {
                                            background-color:#F6A4FC;
                                            
                                        }
                                        
                                        
				
				.superior{
                                    width:100%;
                                    height:40px;
                                    /*border-bottom: 1px solid #333;*/

                                    /*-moz-border-bottom-left-radius: 60px;
                                    -moz-border-bottom-right-radius: 60px;
                                    border-bottom-left-radius: 60px;
                                    border-bottom-right-radius: 60px;*/

                                    /*Si quiero borde quito los comentarios a las lineas anteriores*/
                                    position: absolute;
                                    top: -18px;
                                    -webkit-transition-property: top;
                                    -webkit-transition-duration: 2s;
                                    -webkit-transition-timing-function: default;
                                    -moz-transition-property: top;
                                    -moz-transition-duration: 2s;
                                    -moz-transition-timing-function: default;
                                    text-align:center;
                                    box-shadow: 3px 3px 4px #333;
                                    text-decoration:none;
                                    
                                }
				#superiorPerfil:hover ul li a
					{
						color:#000;
					}
                                        
                                 #superiorClientes:hover ul li a
					{
						color:#E4007C;
					}
                                        
                                #superiorLevanteTV:hover ul li a,#superior12TV:hover ul li a, #superiorCurriculum:hover ul li a, #superiorGrafico:hover ul li a,  #superiorProyectos:hover ul li a, #superiorInteriorismo:hover ul li a, #superiorIndustrial:hover ul li a
					{
						color:#FFF;
					}
                                        
                                 		
					
				.superior:hover
					{
						
						top:0px;
						-webkit-transition-property: top;
						-webkit-transition-duration: 2s;
						-webkit-transition-timing-function: default;
						-moz-transition-property: top;
						-moz-transition-duration: 2s;
						-moz-transition-timing-function: default;
					}
				
					
				.superior ul
					{
						list-style-type: none;
						margin: 0px;
						-webkit-transition-property: margin-top;
						-webkit-transition-duration: 3s;
						-webkit-transition-timing-function: default;
						-moz-transition-property: margin-top;
						-moz-transition-duration: 3s;
						-moz-transition-timing-function: default;
						text-align:center;
						
						
						
						
					}
					
				.superior li{
						margin: 0px;
						padding: 0px;
						float: left;
						width:25%;
						text-decoration:none;
						
						
					}
				
				.superior li a 
					{
						text-decoration:none;
						color:transparent;
						-webkit-transition-property: color;
						-webkit-transition-duration: 5s;
						-webkit-transition-timing-function: default;
						-moz-transition-property: color;
						-moz-transition-duration: 2s;
						-moz-transition-timing-function: default;
					}
				div span
					{
						text-align:center;
						-webkit-transition-property: color;
						-webkit-transition-duration: 7s;
						-webkit-transition-timing-function: default;
						-moz-transition-property: color;
						-moz-transition-duration: 7s;
						-moz-transition-timing-function: default;
						color:#000;
					
					}
                                        
                               #superiorClientes span{
                                    
                                            color:#E4007C;
                                        }
                                        
                               #superiorLevanteTV span, #superior12TV span, #superiorIndustrial span, #superiorCurriculum span, #superiorProyectos span, #superiorInteriorismo span, #superiorGrafico span{
                                    
                                            color:#FFF;
                                        }
                                        
                                        
                               
				.superior:hover span, #superiorClientes:hover span, #superiorCurriculum:hover span,
                                #superiorProyectos:hover span, #superiorInteriorismo:hover span, #superiorGrafico:hover span, #superiorIndustrial:hover span, #superior12TV:hover span, #superiorLevanteTV:hover span
					{
						color:transparent;
						-webkit-transition-property: color;
						-webkit-transition-duration: 1s;
						-webkit-transition-timing-function: default;
						-moz-transition-property: color;
						-moz-transition-duration: 1s;
						-moz-transition-timing-function: default;
						
					}
					
				.superior:hover ul
					{
						margin:10px 0 0 0;
						-webkit-transition-property: margin;
						-webkit-transition-duration: 2s;
						-webkit-transition-timing-function: default;
						-moz-transition-property: margin;
						-moz-transition-duration: 2s;
						-moz-transition-timing-function: default;
						
						
					}
				 #logo a	
					{
						
						background-image:url("logofondoTR2.png");
						-webkit-transition-property: background;
						-webkit-transition-duration: 5s;
						-webkit-transition-timing-function: default;
						-moz-transition-property: background;
						-moz-transition-duration: 5s;
						-moz-transition-timing-function: default;
					}
						
				a:hover
					{
						text-decoration:none;
						color:black;
					}


























/************************************************************************************************************/



a { color: #FFD249; text-decoration: none; outline: 0; font-weight:bold;}
a:hover, a:focus { text-decoration: none; }
p a { line-height: inherit; }
.logo  { display: block; text-align: left; width:840px; height: 87px; margin: 0 auto; background: url(logofondoTR2.png) no-repeat rgb(118,123,127) left; text-indent: -9999px;color:rgb(118,123,127);}
.foot-logo  { padding-bottom: 20px; display: block; text-align: center; width: 67px; height: 35px; margin: 0 auto; background: url(logofoot.png) no-repeat; text-indent: -9999px;}
.body-content { width: 840px; margin: 40px auto; }
h1, p { position: relative; text-rendering: optimizeLegibility; }
h1 { margin: 50px 0 0; font-size: 40px; font-weight: bold; line-height: 1; text-align: justify; }
.tituloPerfil
	{
		background-color:#FFC400;display:block;font-weight: 500;text-align:left;padding:5px;font-size: 1.5em;font-weight: bold;color:#000;
	}
        
.tituloClientes
	{
		background-color:#fff;display:block;font-weight: 500;text-align:left;padding:5px;font-size: 1.5em;font-weight: bold;color:#E4007C;
	}
        
.tituloCurriculum
	{
            
		background-color:#00A5E6;display:block;font-weight: 500;text-align:left;padding:5px;font-size: 1.5em;font-weight: bold;color:#FFF;
	}
        
.tituloProyectos
	{
		background-color:#E4007C;display:block;font-weight: 500;text-align:left;padding:5px;font-size: 1.5em;font-weight: bold;color:#FFF;
	}
.tituloInteriorismo
	{
		background-color:#507D2A;display:block;font-weight: 500;text-align:left;padding:5px;font-size: 1.5em;font-weight: bold;
	}
        
.tituloGrafico
	{
		background-color:#8E33CC;display:block;font-weight: 500;text-align:left;padding:5px;font-size: 1.5em;font-weight: bold;
	}
       
.tituloIndustrial
	{
		background-color:#FC780E;display:block;font-weight: 500;text-align:left;padding:5px;font-size: 1.5em;font-weight: bold;
	}       

.tituloLevanteTV
	{
		background-color:#f90e2a;display:block;font-weight: 500;text-align:left;padding:5px;font-size: 1.5em;font-weight: bold;color:#fff;
	}	
	
.titulo12TV
	{
		background-color:#f6a4fc;display:block;font-weight: 500;text-align:left;padding:5px;font-size: 1.5em;font-weight: bold;color:#fff;
	}	

.services { padding:0; display: inline-block; width: 840px;}
.serv {padding:15px 0;}
.service h2 { /*color: #FFD249;*/ font-weight: 500;}
.services .service { float: left; width: 399px; /*height:190px;*/ text-align: left; border-right: 1px solid #2c2c2c; padding: 0 20px; padding-top: 15px; margin-bottom: 20px;}
.services .miembro { float: left;  text-align: left;margin-bottom:15px; padding:0;border:0;width:auto;height:auto; }
.services .proy { float: left; width: 252px;  height:300px;text-align: justify; border-right: 1px solid #2c2c2c; padding:15px 20px 0 20px; margin-bottom: 20px;}
.service.first { padding-left: 0;}
.service.last { padding-right: 0; border-right: 0;float:right;}
.services .interiorismo{border:0; height:270px;}
.services .industrial{width:250px;}
p.service-detail { font-weight: 200; color: white; padding: 20px 0; text-align:justify;font-size:18px;line-height:1.5}
.coming-soon { text-align: center; padding-bottom: 30px;}



.footer { text-align: center; font-size: 11px; clear: both; }
.footer ul { margin-bottom: 5px; }
.footer li { display: inline; margin: 0 5px; line-height: 20px;}
.footer li { color: #ababab; }
.footer a:hover { color: #fff; }

/*
.bajorrelieve {
background: #fff;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: 0px 3px 3px rgba(255,255,255,0.9),0px -1px 1px rgba(0,0,0,.3);
}
*/
.bajorrelieven {
background: #000;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: 0px 3px 3px rgba(0,0,0,0.3),0px -1px 1px rgba(255,255,255,.9);

}


 @media all and (-ms-high-contrast:none)
     {
     .bajorrelieven { color: gray } /* IE10 */
     *::-ms-backdrop, .bajorrelieven { color: gray } /* IE11 */
     }






.perfil a
	{
		color:#000;
		background-color:#FFC400;
		display:block;
		padding:5px;
	}

.inter a
	{
		color:#fff;
		background-color:#ef4545;
		display:block;
		padding:5px;
	}
        
.inter a
	{
		color:#fff;
		background-color:#507D2A;
		display:block;
		padding:5px;
	}
	


.indus a
	{
		
		color:#fff;
		background-color:#e064a0;
		display:block;
		padding:5px;
	}
        
.indus a
	{
		
		color:#fff;
		background-color:#FC780E;
		display:block;
		padding:5px;
	}
	
.grafic a
	{
		color:#fff;
		background-color:#8E33CC;
		display:block;
		padding:5px;
		
	}


	
.curric a
	{
		color:#fff;
		background-color:#00A5E6;
		display:block;
		padding:5px;
	}
	
.clie a
	{
		color:#E4007C;
		background-color:#fff;
		display:block;
		padding:5px;
		
	}
	

	
.publi a
	{
		color:#fff;
		background-color:#99cc33;
		display:block;
		padding:5px;
	}	
	
.proyec a
	{
		color:#fff;
		background-color:#E4007C;
		display:block;
		padding:5px;
	}
        
.cur div { float: left;  text-align: left;margin-bottom:15px; }
        

        
.services p
	{
		font-size:18px;
		line-height:1.5;
		text-align:justify;
	}
	
.services a:hover
	{
		color: #000;
		-webkit-transition-property: color;
			-webkit-transition-duration: 2s;
			-webkit-transition-timing-function: default;
		
	}

.services .perfil a:hover
	{
		color:rgb(118,123,127);
		-webkit-transition-property: color;
			-webkit-transition-duration: 2s;
			-webkit-transition-timing-function: default;
		
	}
.descripcion{
            float: left;
            text-align: left;
            margin-bottom: 15px;
        }	
	
/* pie con logos */
#footer {
	/*width:700px;*/
	margin:300px auto;
	/*padding-top:37px;*/
	border-top:1px solid #a4a4a4;
	clear:both;
	background-color:#E2E2E2;
}
.logos1 {
	border-right:2px solid #727376;
	border-left:2px solid #727376;
	/*width:124px;*/
	float:left;	
	height:50px;
	padding-top:10px;
}
.logos2 {
	border-right:2px solid #727376;
	/*width:303px;*/
	float:left;	
	/*padding-left:6px;*/
	font: bold 8px Helvetica, Arial, sans-serif;
	color:#727376;
	/*margin-top:15px;*/
	height:50px;
	padding:10px 10px 0;
}
.logos3 {
	border-right:2px solid #727376;
	/*width:204px;*/
	float:left;	
	padding-left:15px;
	padding-top:5px;
	height:55px;
	
	
	}


.logos4 {
	/*width:180px;*/
	float:left;	
	padding:10px 14px 0;
	height:50px;
	border-right:2px solid #727376;
}

.logos5 {
	/*width:180px;*/
	float:left;	
	/*padding-top:10px;*/
	height:60px;
	border-right:2px solid #727376;
}

.logos1 img
	{
		width:100px;
	}

.logos3 a
	{
		float:right;
		margin-right:15px; 
		margin-top:14px
	}
ul .first a 

	{
		color:#FFC400;

	}
	
	
img {
	border:none;
}

.entrevistas{
	font: 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FC780E;font-weight:200;
}

.services .entrevistas:hover{
	color:#767B7F;
}
	
.movimiento{
	font: 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FC780E;font-weight:200;font-size: 18px;

}

.movimiento:hover{
	color:#767B7F;
}