/*@import url(http://fonts.googleapis.com/css?family=PT+Sans);*/
@import url("../fonts/yanone.css");
@import url("../fonts/yanone-light.css");
@import url("../fonts/bariol.css");
/*@import url("../fonts/liberation.css");*/

body
{
	padding:0;
	margin:0;
	/*font-family: 'liberation_sansregular', sans-serif;*/
	font-family: 'yanone_kaffeesatzlight', sans-serif;
	color: #5b5b5f;
	/*font-size: 18px;*/
	font-size: 20px;
}

a 
{
	text-decoration: none !important;
}

#header
{
	margin:0 auto;
	padding:0;
	position: relative;
	width: 100%;
}

#img_header
{
	margin:0;
	padding:0;
	margin:0;
	position: relative;
}


#menu_boton
{
	position: fixed;
	top: 20px;
	right: 30px;
	width: 50px;
	height: 50px;
	background: url("../img/menu.png");
	cursor: pointer;
	z-index: 5;
}

#boton_contacto
{
	position: absolute;
	font-family: bariol_regularregular;
	color: rgba(255,255,255,0.6);
	top: 480px;
	right: 30px;
	z-index:5;
	text-decoration: none;
}

#boton_contacto:hover
{
	color: rgba(255,255,255,1);
}

.fondo_gris
{
	background: #f5f5f5;
}

.servicio
{
	display: inline-block;
	width: 316px;
	min-height: 360px;
	position: relative;
	text-align: center;
	background: white;
	padding: 0 0px 10px 0px;
	vertical-align: top;
    font-size: 21px;
    line-height: 28px;
	margin: 0 8px;
	color: black;
}

.imagen_servicio
{
	margin: 40px auto 5px auto;
}

.servicio h2
{
	font-family: bariol_regularregular;
	font-weight: normal;
	border-top: 1px dashed #dadad9;
	border-bottom: 1px dashed #dadad9;
	text-transform: uppercase;
	font-size: 20px;
	color: #575756; 
	margin-bottom: 45px;
	padding: 5px 0;
}

.main_container
{
	width: 1000px;
	position: relative;
	margin: 30px auto;
}

.cabecera_seccion
{
	width: 100%;
	text-align: center;
	margin: 0px 0 10px 0;
}

.cabecera_seccion_left
{
	text-align: left;
}

.cabecera_seccion h1, .cabecera_seccion_left h1
{
	font-family: bariol_regularregular;
	font-weight: normal;
	width: auto;
	display: inline-block;
	padding: 0 0px;
	position: relative;
	color: black;
	margin-top:0;
}

#caja_perfil
{
	
}

#portfolio
{
	width:1000px;
	height: 250px;
	margin: 0 auto 0px auto;
}

.botonportfolio
{
	width: 250px;
	height: 250px;
	margin:0;
	padding:0;
	background:#404040;
	display: block;
	float:left;	
}

.botonportfolio .rotuloportfolio
{
	display:none;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	position: relative;
	top:0;
	left:0;
}

.rotuloportfolio p
{
	margin: 0 auto 0 auto;
	padding-top: 90px;
	position: relative;
	width:100%;
	text-align: center;	
	padding-top: 105px;
	font-size: 20px;
	font-family: bariol_regularregular;
	/*padding-top: 105px;
	font-size: 29px;	
	font-family: 'yanone_kaffeesatzlight', sans-serif;*/
}

.botonportfolio:hover .rotuloportfolio
{
	display:block;
	color: black;
}


#portfolio1 { background: url("../img/portfolio1-250.jpg");  }
#portfolio2 { background: url("../img/portfolio2-250.jpg");  }
#portfolio3 { background: url("../img/portfolio3-250.jpg");  }
#portfolio4 { background: url("../img/portfolio4-250.png");  }



#footer
{
	text-align: center;
	color: white;
	font-size: 13px;
	font-family: bariol_regularregular;
	padding: 20px 0;
	background: #3f3f40;	
	margin-top: 50px;
}

.tituloleft
{
	font-family: bariol_regularregular;
	padding: 0 0 10px 0;
}

#motto
{
	background: rgba(255,255,255,0.5);
	padding: 10px 20px 10px 150px;
	position: absolute;
	top: 350px;
	right: 0px;
	font-family: bariol_regularregular;
	font-size: 28px;
}

.boton_negro
{
	background: #222221;
	color: white;
	font-family: bariol_regularregular;
	width: 115px;
	height: 28px;
	margin: 30px auto 5px auto;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px 0;
}

.boton_negro:hover
{
	background: #505050;
}

#menu
{
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	top: 80px;
	left: 0px;
	width: 100%;
	height: 0px;
	z-index: 100;	
	transition: height 1s ease;
	transition-delay: 0s !important;
	overflow: hidden;
}

#menu_principal
{
	position: absolute;
	margin: 0 auto 0 auto;
	top: 85px;
	width: 100%;
	text-align: center;
	color: white;
	font-family: bariol_regularregular;
	font-size: 30px;
	left: 0px;
	padding: 0px;
}

#menu_principal ul
{
	padding: 0px;
}

#menu_principal li
{
	display: inline;
}

#menu_principal a
{
	color: #C0C0C0;
	text-decoration: none;
	padding: 0px 40px;
	text-transform: uppercase;
}

#menu_principal a:hover
{
	color: white;
}

#botones_pagina
{
	margin: 10px auto;
	width: 100%;
	text-align: center;
}

#botones_pagina a
{
	display: inline-block;
	background: black;
	width: 10px;
	height: 10px;
	margin: 0 5px;
}

#tira_servicios
{
	width:100%;
	overflow: hidden;
}

#tira_servicios_inner
{
	width: 2100px;
	position: relative;
	left:0px;
	transition: left 1s ease;
	transition-delay: 0s !important;
}

#logo
{
	position: absolute;
	left: 100px;
	bottom: 50px;
}

.modo_contacto
{
	display:inline-block;
	margin:20px;
	width: 450px;
}

.modo_contacto_inner
{
	font-family: bariol_regularregular;
	font-size: 32px;
	margin:0 30px 0 0;
	padding:10px 0;
	border-top: 1px dashed #b5b5b5;
	border-bottom: 1px dashed #b5b5b5;
	line-height:34px;
}

.imagen_contacto
{
	float: left;
	padding-right: 20px;
}

.cont_contacto
{
	padding-bottom:200px !important;
}

#rotulo_contacto, #rotulo_portfolio, #rotulo_portfolio_inner
{
	
	text-align: right;
	font-family: bariol_regularregular;
	font-size: 30px;
	color: black;
	position: absolute;
	bottom: 100px;
	right: 150px;
	line-height: 70px;	
}

#rotulo_contacto span, #rotulo_portfolio span, #rotulo_portfolio_inner span
{
	background-color: rgba(255,255,255,0.4);
	padding: 4px 12px 4px 85px;
}

#rotulo_contacto span
{
	background-color: rgba(255,255,255,0.8);
}

.rot_con_lin_inf
{
	padding-left: 200px !important;
}

.rot_por_lin_inf
{
	padding-left: 200px !important;
}

#cerrar_menu
{
	position: relative;
	margin: 80px auto 0 auto;
	width:45px;
	height:45px;
	overflow: hidden;
	display: block;
	color: transparent;
	padding: 0 !important;
	background: url("../img/cerrar_menu.png");
	cursor: pointer;
}

.item_pagina_servicios
{
	margin-left: 300px;
	padding-left: 0px;
	padding-top: 10px;    
	min-height: 150px;
	
}

.item_pagina_servicios h3
{
	margin:0;
	padding:0;
	font-weight: normal;
	font-size: 22px;
	font-family: bariol_regularregular;
}

.item_pagina_servicios p
{
	margin-top:9px;
	margin-bottom:33px;
}

.item_pagina_servicios h2
{
	border-bottom: 1px dashed  #dadad9;
	margin-top: 0px;
	font-weight: normal;
	color: black;
	font-size: 30px;
	font-family: bariol_regularregular;
}

.item_pagina_servicios h3
{
	color: black;
}

.seccion_servicios .fondo_gris
{
	padding-top: 13px !important;
	padding-bottom: 7px !important;
}

.item_pagina_servicios img
{
	float: left;
	margin-left: -300px !important;
}

.item_portfolio
{
	width:225px;
	height: 225px;
	display: inline-block;
	position:absolute;
	overflow: hidden;
	margin:0;
	padding:0;
}

.capa_item_portfolio
{
	opacity:0;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	display: block;
	cursor: pointer;
}



.capa_item_portfolio:hover
{
	opacity:1;
}

.capa_item_portfolio p
{
	width:100%;
	text-align:center;
	margin-top: 90px;
	font-family: bariol_regularregular;
	text-transform: uppercase;
	font-size:1.5em;
	color: black;

}

#mosaico_portfolio
{
	position: relative;
	width:900px;
	height:900px;
	margin:0 auto;
	
}

#menu_portfolio
{
	width:100%;
	text-align:left;
	margin-top: -20px;
}

#menu_portfolio a
{
	padding: 0 35px 0 0;
	font-family: bariol_regularregular;
	text-transform: uppercase;
	font-size:24px;
	color: #6f6f6e;	
	text-decoration: none;
}


#menu_portfolio a:hover
{
	color: black;
}

#menu_portfolio .selecc
{
	color: black;
}

#boton_portfolio_back
{
	display: block;
	width: 55px;
	height: 55px;
	background-image: url("../img/portfolio_back.png");
	position: absolute;
	top: 25px;
	right: 0px;
	color: transparent;
}

.slider-publi .nivoSlider  {  margin-top: 50px; }
.slider-publi .nivo-prevNav  {  top: 350px; }
.slider-publi .nivo-nextNav  {  top: 350px; }

.seccion_main
{
	padding: 30px 0 30px 0;
}

#slider { display:none; }
#slider-cargando 
{ 
	width:100%;
	text-align: center;
	font-family: bariol_regularregular;
	font-size:25px;
	margin: 50px;
	color: #6f6f6e;		
}

.nivo-controlNav .nivo-control
{
	display:inline-block;
	width:16px;
	height:16px;
	background-image: url("../img/control.png");
    line-height: 0; 
    font-size: 0;
    color: transparent; 
}

.nivo-controlNav .active
{
	background-image: url("../img/control-active.png");
	margin: 0 2px;
}

.nivo-controlNav
{
	margin-top: 15px;
	margin: 0 2px;
}