/* ***************************************************************************************************** */
/* CONTENT CSS */

html {/* overflow:hidden; */}

BODY{
font: 12px "Century Gothic", Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: #231f20; /* url(../images/fondo0-trans.png) repeat-x;*/
/*margin-top: 0;*/
/*color: #000000;*/
}

#phocagallery { padding-left: 76px !important;}

P{
}

fieldset { margin: 0 20px 0 10px; }

H1{
}

H2{
font: 16px "Century Gothic", Helvetica, sans-serif;
color: #ff0000;
text-align: left;
margin:0;
font-weight: bold;
}

H3 {
font: 14px "Century Gothic", Helvetica, sans-serif;
color: #939495;
text-align: center;
padding-left: 10px;
padding-top: 5px;
margin:0;
font-weight: bold;
}

/*.moduletable {
float:left;
width: 100%;
}*/

.search{

}


a:link, a:visited{
color: #939495;
text-decoration: none;
}

a:hover, a:active{
color: #FF0000;
}

a img{
border: none;
}

li{ list-style: none;}
/* ***************************************************************************************************** */
/* TEMPLATE SPECIFIC CSS CODE */

/* ***************************************************************************************************** */
/* JOOMLA SPECIFIC CSS CODE */

.article_separator{
display: none;
}

.contentpane{
font-size: 12px;
text-align: justify;
padding: 0 8px;
color: #FFFFFF;
margin-bottom: 35px;
}

.input{
color: #d3d3d3;
font-weight: bold;
border-style: solid; 
border-width: 1px;
border-color: #d3d3d3;
padding: 0;
margin: 0 80px 0 40px;
}

.inputbox{
color: #2c2c2c;
font-weight: bold;
font-size: 12px;
border-style: solid; 
border-width: 1px;
border-color: #d3d3d3;
padding: 0;
}

.button{
float: right;
margin-top: 10px;
font: 16px "Arial", Helvetica, sans-serif;
font-weight: bold;
color:#FFFFFF;
background-color: transparent;
border: 1px solid #FFFFFF;
cursor: pointer;
}

/*Posiciones de la Plantilla*/
/********************************************************************************************************************************************************************************************************************************************************************** POSICION Y ESTILOS DEL MENU HORIZONTAL *******************************************************************************
**********************************************************************************************************************************************************************************************/

/************************************************************** Menu Principal *****************************************************************/
#ja-mainnavwrap {
float: left;
width: 190px;
height: 544px;
background: url(../images/back-menu.png) repeat;
margin: 0px 0px 0px 0;
}

#ja-mainnav {
float: left;
width: 190px;
}

/*#ja-mainnavwrap_showrooms {
float: left;
width: 205px;
height: 544px;
background: url(../images/showrooms.jpg) repeat;
margin: 0px 0px 0px 0;
}*/

#ja-mainnav ul {
margin-top: 0px;
}

#ja-mainnav ul li {
min-height: 30px;
margin: 20px 0 21px -25px; 
/*margin-left: -25px;*/
padding: 0;
cursor: pointer;
position: relative;
list-style: none;
}

/* 1st level */
#ja-mainnav ul li a {
font: 14px "Arial", Helvetica, sans-serif;
display: block;
color: #FFFFFF;
font-weight: bold;
line-height: normal;
text-decoration: none;
}

#ja-mainnav ul li a:hover,
#ja-mainnav ul li.active a,
#ja-mainnav ul li a:focus {
font: 22px "Century Gothic", Helvetica, sans-serif;
font-weight: normal;
}

/******************************************************** SUB-Menus del Menu Principal **********************************************************/
#ja-mainnav  ul ul{
margin-top: 15px;
}

#ja-mainnav  ul ul li{
min-height: 20px;
*min-height: 15px;
margin: 5px 0px 0px -25px;
}

#ja-mainnav ul ul li ul li{ *margin: -8px 0px 0px -25px;}

#ja-mainnav  ul ul li a, #ja-mainnav ul ul li ul li a span{
font: 10px "Century Gothic", Helvetica, sans-serif;
margin-left: -14px;
padding: 0;
cursor: pointer;
position: relative;
list-style: none;
display: block;
color: #FFFFFF;
font-weight: normal;
line-height: normal;
text-decoration: none;
}

#ja-mainnav ul ul li ul li a span{
margin-left: 0; margin-top: -8px; *margin-top: 0;
}

#ja-mainnav ul ul li a:hover, #ja-mainnav ul ul li ul li a:hover span,
#ja-mainnav ul ul li a:focus, #ja-mainnav ul ul li ul li a:focus,
#ja-mainnav ul ul li.active a, #ja-mainnav ul ul li ul li.active a span {
font: 10px "Century Gothic", Helvetica, sans-serif;
color: #FF0000;
}

#ja-mainnav  ul ul li a span, #ja-mainnav ul ul li ul li a span {
font: 10px "Century Gothic", Helvetica, sans-serif;
display: block;
text-decoration: none;
}

/********************************************************************************************************************************************************************************************************************************* POSICION Y ESTILOS DE COLUMNA DERECHA *******************************************************
****************************************************************************************************************************************************************/
#menu_derecho {
float:left;
width: 0;
margin-top: 0;
margin-right: 10px;
/*padding-bottom: 20px;*/
}

/************************************************************************************************************************************************************************************************************************************************************************* POSICION Y ESTILOS DEL CONTENIDO **********************************************************************************
**********************************************************************************************************************************************************************************************/
#contenido{font: "Century Gothic"; display: none; }

.contenido {
background: url(../images/back-menu.png) repeat;
float: left;
margin-left: 498px;
width: 420px;
height: 544px;
overflow: hidden;
}

/*FORMATO CONTENIDO PARA EL INTRO DE IDIOMAS*/
.contenido_intro {
float: left;
margin: 0 auto;
overflow: hidden;
}

#links {position: relative; top: 416px; left: 195px;}

#link-home1, #link-home2 { background-color: #231f20; padding: 6px 20px 6px 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
#link-home2{ background-color: rgb(192,0,0); margin-top: 15px;}

#link-home1 a, #link-home2 a {color: #FFFFFF;}

.contenido_showrooms {
float: left;
margin-left: 205px;
width: 716px;
height: 544px;
overflow: hidden;
/*background: url(../images/showrooms.jpg) repeat;*/
background: url(../images/back-menu.png) repeat;
}

.contenido_noticias, .contenido_cde, .contenido_productos, .contenido_proyectos {
float: left;
margin-left: 15px;
font-size: 10px;
width: 450px;
height: 544px;
overflow: hidden;
/*background: url(../images/showrooms.jpg) repeat;*/
background: url(../images/back-menu.png) repeat;
}

.contenido_cde {
width: 360px;
}

.contenido_productos {
width: 605px;
margin-left: 265px;
}

/*.contenido_proyectos {
width: 490px;
margin-left: 20px;
}*/

/************************************************************************************************************************************************************************************************************************************************************************* EMBEBIDOS DEL CONTENIDO **********************************************************************************
**********************************************************************************************************************************************************************************************/
.embbed-cont  {
float: left;
margin: 30px 0px 0px 11px;
width: 380px;
height: 474px;
overflow: hidden;
}

.embbed-cont_intro {
float: left;
margin: 0 auto;
overflow: hidden;
}

.embbed-cont_noticias, .embbed-cont_cde, .embbed-cont_productos, .embbed-cont_proyectos, .embbed-cont_sostenibilidad {
float: left;
margin: 30px 0px 0px 6px;
width: 418px;
height: 474px;
overflow: hidden;
}

.embbed-cont_cde  {
margin: 30px 0px 0px 7px;
width: 325px;
}

.embbed-cont_productos, .embbed-cont_sostenibilidad {
position: relative;
margin: 30px 0px 0px 0px;
width: 578px;
height: 490px;
}

.embbed-cont_sostenibilidad {width: 568px; height: 486px; margin: 30px 5px 0px 5px;}
/*.embbed-cont_proyectos {
position: relative;
margin: 30px 0px 0px 7px;
width: 460px;
height: 490px;
}*/

.embbed-cont_showrooms {
float: left;
/*padding: 30px 0px 0px 24px;
width: 380px;
height: 474px;*/
overflow: hidden;
}

.flecha_left, .flecha_right {
position: relative;
color: #eeeeee;
margin-top: 30px;
}

.flecha_left{ float: left; padding-left: 3px; }
.flecha_right { float: right; padding-right: 3px; }

/************************************************************************************************************************************************************************************************************************************************************************************** PHOCA GALLERY ****************************************************************************************
**********************************************************************************************************************************************************************************************/
#shadowbox_title, #shadowbox_title_inner{display: block; font: 16px "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; padding: 5px;  }

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

table.contenttoc { display: none;}
.pagenavcounter { color: #FFFFFF !important; margin-bottom: 15px; font-size: 14px;}
.pagenavbar { color: #939495; font-weight: bold; padding: 0 !important; margin-top: 20px; text-align: center; } .pagenavbar a { color: #FF0000; padding: 0 !important; margin: 0 50px;}

.componentheading {
font: 16px "Century Gothic", Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
background: none;
margin: 0px 0 20px 10px;
text-transform: uppercase;
font-weight: bold;
}

/*Estilos referentes al contenido principal*/

/*Titulo del contenido o articulo abierto*/
.contentheading_news, .contentheading_cde{
font: 18px "Arial", Helvetica, sans-serif;
color: #929395;
text-align: left;
font-weight: normal;
}

.contentheading_news {
font: 12px "Century Gothic", Helvetica, sans-serif;
padding: 12px 28px 12px 15px;
background: url(../images/news+.png) 220px 52px  no-repeat;
background-color: #231F20;
height: 78px;
width: 450px;
}

.contentheading_news a:hover, .contentheading_news:hover, .contentheading_cde a:hover, .contentheading_cde:hover {
font: 12px "Century Gothic", Helvetica, sans-serif;
color: #FFFFFF;
background: url(../images/news-.png) 220px 52px  no-repeat;
background-color: #231F20;
font-weight: normal;
/*cursor: pointer;*/
}


/********************************************************************** ESTILO MODULO GLOBAL NEWS - SECCION NOTICIAS *********************************************************************/
.gn_static_1, .gn_static_2 {font: 12px "Century Gothic", Helvetica, sans-serif; margin-bottom: 15px; background: url(../images/news+.png) 98% 90% no-repeat; background-color: #231F20;}

.gn_static_1:hover, .gn_static_2:hover  { color: #FFFFFF; background: url(../images/news-.png) 98% 90% no-repeat; background-color: #231F20;}

.gn_static_1 a:hover, .gn_static_2 a:hover { color: #FFFFFF;}

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

.contentheading_cde{
background-color: #231F20;
width: 380px;
}

.contentheading_news a{

}

.contentheading_cde a:hover, .contentheading_cde:hover {font: 18px "Arial", Helvetica, sans-serif; background-image: none}

.news  {
float: left;
margin-top: 14px;
width: 100%;
height: 517px;
overflow: hidden;
}

/*Titulos de los articulo vistos como enlaces*/
/*a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
font-weight: normal;
font-size: 18px;
color: #FFFFFF;
text-decoration: none !important;
}*/

/*Forma Titulo del Contenido*/
h2.contentheading, .contentheading {
font-weight: normal;
}

/*Titulo del contenido o articulo en blog*/
table.blog .contentheading {
font-size: 200%;
}

/*Descripción del Articulo*/
.contentpaneopen{
font: 12px "Century Gothic", Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
text-align: left;
text-decoration: none !important;
}

.contentpaneopen a {
font-weight: bold;
text-decoration: none; 
padding-right: 70px;
}

table.blog .contentpaneopen {
font: 13px "Century Gothic", Helvetica, sans-serif;
/*margin: 0 12px 12px 12px;
padding: 0 4px;*/
color: #FFFFFF;
text-align: left;
text-decoration: none !important;
/*padding: 0 4px;*/
}

#poweredby { display:none; }

/*********************************************************************************************************************************************************************************************** POSICION Y ESTILOS DEl FOOTER ***************************************************
*****************************************************************************************************************************************/
#copyright {
float: right;
width: 12px;
height: 78px;
background: url(../images/copryright.jpg) no-repeat bottom;
margin: 0;
margin-top: 465px;
}

#footer {
float: left;
font: 9px "Arial", Helvetica, sans-serif;
font-weight: normal;
color: #939495;
width: 955px;
height: 56px;
text-decoration: none !important;
background: #231f20;
/*-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 15px;*/
}

#modulo-noticias {
float: left;
/*display: none;*/
font-weight: normal;
width: 250px;
height: 544px;
margin-left: 205px;
text-decoration: none !important;
background: url(../images/back-menu.png) repeat;
overflow: hidden;
}

/*********************************************************************************************************************************************************************************************** POSICION Y ESTILOS DEl FOOTER ***************************************************
*****************************************************************************************************************************************/
/*Maquetacion*/
/*Contenedor para IE7*/
#fondo_barras{
margin: 0 auto;
/*margin-top: 27px;*/
width: 955px;
background: #231f20;
}

#contenedor { }   

.default {
margin-top: -322px; /* la mitad del alto del objeto a centrat */
margin-left: -477px; /* la mitad del ancho del objeto a centrar */
position: absolute;
top: 50%;
left: 50%;
width: 955px;
height: 600px;
background: url(../images/backgrounds/1XeventoXdestacadoX7a518fXimagen.jpg) no-repeat;
}

.intro {
margin-top: -326px; /* la mitad del alto del objeto a centrat */
margin-left: -491px; /* la mitad del ancho del objeto a centrar */
position: absolute;
top: 50%;
left: 50%;
width: 955px;
height: 600px;
}

.name { padding: 0; margin:0; text-transform: lowercase} .phocagallery-box-file-first, phocagallery-box-file-second {padding: 0; margin: 0;}

.background_home, .background_quienes_somos, .background_resp_corp,
.background_servicios, .background_showrooms, .background_noticias,
.background_cde, .background_productos, .background_proyectos,
.background_login, .background_sostenibilidad   {
margin-top: -322px; /* la mitad del alto del objeto a centrat */
margin-left: -477px; /* la mitad del ancho del objeto a centrar */
position: absolute;
top: 50%;
left: 50%;
width: 955px;
height: 600px;
background: url(../images/backgrounds/1XeventoXdestacadoX7a518fXimagen.jpg) no-repeat;
}

.background_home {
background: url(../images/backgrounds/1XeventoXdestacadoX7a518fXimagen.jpg) no-repeat;
}

/**************************************** Styles para los contenidos del Item GRUPO TINO ****************************************/
.background_quienes_somos {
background: url(../images/backgrounds/2XquienesXsomosX6dd69cXimagen.jpg) no-repeat;
}
.background_resp_corp {
background: url(../images/backgrounds/1XresponsabilidadXcorporativaXcb9e7bXimagen.jpg) no-repeat;
}
/**************************************** Styles para los contenidos del Item SERVICIOS ****************************************/
.background_servicios {
background: url(../images/backgrounds/1XmenuXnuestrasXtexturasXd3d43eXimagen.jpg) no-repeat;
}

/**************************************** Styles para los contenidos del Item SHOWROOMS ****************************************/
.background_showrooms {
/*background: url(../images/backgrounds/2XproyectoXdestacadoX4d08e4Ximagen.jpg) no-repeat;*/
background: url(../images/backgrounds/1XeventoXdestacadoX7a518fXimagen.jpg) no-repeat;
}

.background_noticias {
/*background: url(../images/backgrounds/1XmenuXrevistaX2d6660Ximagen.jpg) no-repeat;*/
background: url(../images/backgrounds/1XresponsabilidadXcorporativaXcb9e7bXimagen.jpg) no-repeat;
}

.background_cde {
background: url(../images/backgrounds/2XbusquedaXmaterialesXf48f0bXimagen.jpg) no-repeat;
}

.background_productos {
background: url(../images/backgrounds/2XproyectoXdestacadoX4d08e4Ximagen.jpg) no-repeat;
}

.background_proyectos {
background: url(../images/backgrounds/4XnuestraXfilosofiaXfdacf4Ximagen.jpg) no-repeat;
}

.background_login {
background: url(../images/backgrounds/4XmenuXloginXf6bb3cXimagen.jpg) no-repeat;
}

.background_sostenibilidad{
background: url(../images/backgrounds/02423.jpg) no-repeat;
}

/******************************************************************************************************************************************************************************************* POSICION Y ESTILO DE COLUMNA FORMULARIO ***********************************************
*****************************************************************************************************************************************/
#derecha {
float: left;
}

/*Clases del formulario de contacto, son de uso exclusivo para esta plantilla (personalizadas)*/
.contenedor_formulario{
font: 14px "Century Gothic", Helvetica, sans-serif;
color:#FFFFFF;
/*width:100%;*/
font-weight: normal;
margin: 40px 0px 50px 0px;;
padding: 20px 0px 0px 0px;
/*background-color: #f4f4f4;
border: 2px solid #f2f2f2;
-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px; -moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;*/
}

.tit_formulario{
font: 14px "Century Gothic", Helvetica, sans-serif;
font-weight: normal;
color:#FFFFFF;
}

.static_nombre{
color:#FFFFFF;
font-weight: normal;
}

.etiq_nombreid{
}

.input_nombre{
}

.inputobservaciones{
}

.txt_observaciones {
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #e96b30;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #2c2c2c;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-track-color: #FFFFFF; 
}

.button_enviar{
font: 16px "Arial", Helvetica, sans-serif;
font-weight: bold;
color:#FFFFFF;
background-color: transparent;
border: 1px solid #FFFFFF;
cursor: pointer;
}

/*ESTILOS DE SESION LOGIN*/
.login_text { margin-top: 3px;}

.login_text a{ color: #CCCCCC; font-size: 10px;
}

.login_text a:hover, .login_text a:focus{color: #FF0000;
}
/*Button*/
.validate{
margin-top: -20px;
margin-left: 10px;
font: 16px "Arial", Helvetica, sans-serif;
font-weight: bold;
color:#FFFFFF;
background-color: transparent;
border: 1px solid #FFFFFF;
cursor: pointer;
}

/***************************************************************************************************************************************************************************************** POSICION Y ESTILOS PARA PAGINACION Y LEER MAS *******************************************
*****************************************************************************************************************************************/
.pagenav {
/*display: none;*/
color:#939393;
}

a.pagenav{
/*display: none;*/
color:#E4811C;
}

.pagenavcounter {
/*display: none;*/
color:#939393;
}

a.pagenav:active, .pagenav:active, .pagenav:focus  {
color:#ffa950;
}

a.pagenavcounter:active, a.pagenavcounter:active, a.pagenavcounter:focus {
color:#ffa950;
}

.readmore {
margin: 0;
color: #00ADA8;
}

a.readmore {
float: left;
width: 230px;
color: #00ADA8;
text-align: right;
}

a.readmore:hover, a.readmore:active, a.readmore:focus {
background-color: #ffa950;
font-weight: normal;
}

a.readon {
float: left;
font: 12px "Arial", Helvetica, sans-serif;
width: 280px;
margin-top: 10px;
padding: 1px 5px 1px 14px;
display: block;
/*background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;*/
color: #8c8c8c;
font-weight: normal;
text-decoration: none !important;
text-align: right;
}

a.readon:hover, a.readon:active, a.readon:focus {
/*	background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;*/
	text-decoration: none !important;
	color: #ffa950;
	text-align: right;
}