/* - - - - - - - - - - - - - - - - - - - - -

TYPO CSS
Definiciones de colores, backgrounds y tipografias

Entorno Digital 2009

KETTAL 2009
Jaume Izquierdo

- - - - - - - - - - - - - - - - - - - - - */

/* ----- GENERICOS ----- */

body {color: #575558;}
#wrapper {border-top: 1px solid #e4e4e5; border-left: 1px solid #e4e4e5; border-right: 1px solid #e4e4e5;}
.borderblanco {border: 1px solid #fff;}

.timesit {font-family: "Times New Roman", Times, serif; font-size: 13px; font-style: italic;}
a.timesit2 {font-family: "Times New Roman", Times, serif; font-size: 14px; font-style: italic; display: block; width: auto; line-height: 20px; border: 1px solid #e2e1dd; float: left; padding: 0 10px 0 10px;}
a.timesit2:hover {border: 1px solid #000; padding: 0 10px 0 10px; color: #fff; background: #000; text-decoration: none;}

.blue {color: #0099ff; text-decoration: none;}
.blue:hover {text-decoration: underline;}

/* ----- HEADERS ----- */

#header h1 {font-size: 20px;}
#header h2 {font-size: 9px; color: #afafaf; font-family: "Times New Roman", Times, serif;}

/* ----- NAV ----- */

#nav {}
#nav ul {}
#nav ul li {}
#nav ul li a {font-size: 11px;}
#nav ul li a:hover {background: #000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none;}
#nav ul li a.seleccionado {background: #000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff;}

#navhome {}
#navhome ul {}
#navhome ul li {}
#navhome ul li a {font-size: 20px; color: #000; text-decoration: none;}
#navhome ul li a:hover {text-decoration: none;}

#navcole {}
/*
#navcole ul {}
#navcole ul li {}
#navcole ul li a {font-size: 14px; color: #000;}
#navcole ul li a:hover {background: #000; color: #fff; text-decoration: none;}
*/

/* ---- HOME ---- */

#home_cont {}
#home_cont ul {}
#home_cont ul li {background: url(../images/bg_home_cont_li.png) no-repeat 0 0;}
#home_cont ul li .img {}
#home_cont ul li .legend {font-size: 11px;}

/* ---- COLECCIONES ---- */

.wrapper-cole {background: url(../images/bg_home_10.jpg) no-repeat 0 0;}

/* ---- COLECCIONES 2 ---- */

#wrapper-col #gallery {border-right: 1px solid #e4e4e5;}
#wrapper-col #info {}
#wrapper-col #items {border-left: 1px solid #e4e4e5;}
#wrapper-col #info .desc {line-height: 15px; text-align: justify;}
#wrapper-col #info #designer {font-size: 20px;}

/* tipos para jquery sifr en colecciones 2 */
#wrapper-col #info #col1 .title .caslon540 {font-size: 22px;}
#wrapper-col #info #col1 .title .caslon540it {font-size: 22px;}
#wrapper-col #info #col1 .title .helveticabold {font-size: 22px; margin: 0 0 0 -5px;}
#wrapper-col #info #designer .caslon540it {font-size: 20px;}

#wrapper-col #mainRight { /*background:url(../images/outer_list_bg.jpg) bottom right no-repeat;*/ padding-left:12px;}
#wrapper-col #mainRi ght .desc ul {}
#wrapper-col #mainRight .desc ul li {}
#wrapper-col #mainRight .desc ul li a { font-size:14px;}
#wrapper-col #mainRight .desc p { text-align:justify; line-height:1.5em; padding-bottom:5px;}
p strong { font-weight:bold;padding-bottom:5px;line-height:1.5em; }

/* ---- COLECCIONES B ---- */
#wrapper-colb {}
#wrapper-colb #header {/*border-bottom: 1px solid #e4e4e5;*/}
#wrapper-colb #header .ref {color: #8c8d8e;}
#wrapper-colb .col1 {}
#wrapper-colb .col1 img {}
#wrapper-colb .col1 #carousel {}
#wrapper-colb .col2 {}

.colours {}
.colours h2 {border-bottom: 2px solid #000; font-size: 18px;}
.colours ul {}
.colours ul li {}
.colours ul li a {border: 1px solid #fff;}
.colours ul li a:hover {border: 1px solid #000;} /*#368cc7 selecc azul*/

/* tipos para jquery sifr en colecciones 2 */
.colours ul .helveticalight {font-size: 16px;}
.colours ul .helveticaroman {font-size: 14px;}


/* ---- BUSCADOR ---- */

/* ----- BACKGROUNDS ----- */
.bghome {background: url(../images/bg_home_10.jpg) no-repeat 0 0;}
.bgpresu {background: url(../images/bg_presu_09.jpg) no-repeat 0 0;}
.bgcolecciones {background: url(../images/bg_theoutingexp_blanco.gif) no-repeat 0 0;}

/* ----- MENU PEU ----- */
#idiomas_home a {display: block; font-family:"Times New Roman", Times, serif; font-size:12px; font-style:italic; float:left; text-align: center; color:#666666; text-decoration:none; line-height: 30px; margin: 0 5px 0 5px; padding: 0 10px 0 10px;}
#idiomas_home a:hover {display: block; background: #000; color: #fff;}
