html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samptituloAzul|||
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

/* Base
---------------------------------------------------------------------*/

body {
	font-family: 'Helvetica45LightRegular';
	line-height:16px;
	font-size:12px;
	background-color:#D4D7DE;
	color:#f3f3f3;
	margin:0 auto;
	text-decoration: none;
}
img{border: solid 0px;}

/*
Faces
*********************************************************************/

@font-face {
    font-family: 'HelveticaNeueCondensedRegular';
    src: url('helveticaneue-condensed-webfont.eot');
    src: url('helveticaneue-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-condensed-webfont.woff') format('woff'),
         url('helveticaneue-condensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLightCondRegular';
    src: url('helveticaneue-lightcond-webfont.eot');
    src: url('helveticaneue-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-lightcond-webfont.woff') format('woff'),
         url('helveticaneue-lightcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueMediumCondRg';
    src: url('helveticaneue-mediumcond-webfont.eot');
    src: url('helveticaneue-mediumcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-mediumcond-webfont.woff') format('woff'),
         url('helveticaneue-mediumcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica55RomanBold';
    src: url('helveticaneue-bold-webfont.eot');
    src: url('helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-bold-webfont.woff') format('woff'),
         url('helveticaneue-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica45LightRegular';
    src: url('helveticaneue-light-webfont.eot');
    src: url('helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-light-webfont.woff') format('woff'),
         url('helveticaneue-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*
*******************************************************/
.divRelative
{
	position: relative;
	float: left;
	height: auto !important;
	height: 10px;
	min-height: 10px;
	width: 100%;
	line-height: 10px;
}

.divPage
{
    background-color: #fff; 
}

/*
Alineación.
*****************************************************/
.aRight{ text-align: right;}
.wAuto{ width: auto;}
.fRight{ float: right;}
.center{ text-align: center;}
.bold { font-weight: bold;} 
.aCenter { text-align: center; margin: 0 auto;}

/*
para posicionar el div page vertical en el navegador
*******************************************/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
text-align:center;
min-height:479px;/* for good browsers*/
min-width:816px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 479px;
} 
#inner {
width: 816px;
height: 479px;
text-align: center;
margin-left:auto;
margin-right:auto;
border:0px solid #000;
}

    

/*
separadores
************************************************/
.div4px{ height: 4px; line-height: 4px; min-height: 4px;}
.div5px{ height: 5px; line-height: 5px; min-height: 5px;}
.div15px{ height: 15px; line-height: 15px; min-height: 15px;}
.div20px{ height: 20px; line-height: 20px; min-height: 20px;}
.div22px{ height: 22px; line-height: 22px; min-height: 22px;}
.div25px{ height: 25px; line-height: 25px; min-height: 25px;}
.div27px{ height: 27px; line-height: 27px; min-height: 27px;}
.div30px{ height: 30px; line-height: 30px; min-height: 30px;}
.div34px{ height: 34px; line-height: 34px; min-height: 34px;}
.div40px{ height: 40px; line-height: 40px; min-height: 40px;}
.div60px{ height: 60px; line-height: 60px; min-height: 60px;}
.div100px{ height: 100px; line-height: 100px; min-height: 100px;}
.div118px{ height: 118px; line-height: 118px; min-height: 118px;}

.div50px{ height: 50px; line-height: 50px; min-height: 50px;}
.div8px{ height: 8px; line-height: 8px; min-height: 8px;}
.div9px{ height: 9px; line-height: 9px; min-height: 9px;}

.page { position: relative;background-color: #d5d8df; height: 479px; min-height: 479px; width: 816px;}
.fondos { position: absolute; top: 0px; left: 0px; width: 817px; height: 479px;}
.home {background-image:  url('../images/fondos/home.png'); }
.contentMenu { width: 208px; margin-left: 27px;  }
.logo {background-image:  url('../images/tijeras.png'); width: 151px; height: 68px; margin-top: 43px; }         

.tendencia { background-image:  url('../images/fondos/tendencia.png');}

.pageContent { position: relative; float: left; width: 581px; height: 479px; }

.inicio { position: relative; float: right; margin-right: 104px; text-align: right; width: 52px; height: 75px;}
.contentGaleria {position: relative; float: left; width: 581px; height: 266px; text-align: left;}
.contentGaleriaPrev {position: relative; float: left; width: 92px; margin-top: 43px; background-image: url('../images/anterior.png'); background-repeat: repeat-x; height: 32px; line-height: 32px;}
.contentGaleriaImage {position: relative; float: left; width: 332px;}
.contentGaleriaNext {position: relative; float: left; width: 157px; margin-top: 43px; background-image: url('../images/anterior.png'); background-repeat: repeat-x; height: 32px; line-height: 32px;}
#rightControl  
{
    margin-left: 10px; 
    cursor: pointer;     
}
#rightControl div  
{    
    background-image: url('../images/btnSiguiente_On.png'); 
    background-repeat: no-repeat; 
    background-position: 0px 2px;
    position: relative;
    float: left;
    width: 11px;
}
/*#rightControl div.Active {background-image: url('../images/btnSiguiente_On.png');}*/
#leftControl { margin-right: 8px; cursor: pointer;}
#leftControl div 
{
    background-image: url('../images/btnPrevius_On.png'); 
    background-repeat: no-repeat; 
    background-position: 0px 2px;
    position: relative;
    float: right;
    width: 11px;    
}
/*#leftControl div.Active {background-image: url('../images/btnPrevius_On.png');}*/
.contentControl{ position: relative; float: left; margin-left: 6px; color: #ffffff; font-size: 12px; text-decoration: none;}

.controlLeft { float: right;margin-left: 0px; margin-right: 6px; text-align: right;}
/*
SERVICIOS
***************/
.servicios { background-image:  url('../images/fondos/servicios.png');}
.contentServicios 
{
    position: relative; 
    float: left; 
    width: 581px;          
    height: 190px;         
    height: 190px\9;             
    text-align: left; 
    background-color: #141414;
    margin-top: 72px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    .contentServicios { height: 193px;}
}
.detailServicios {position: relative; width: 566px; height: 144px; margin: 8px 4px 0 21px;}
.serviceLine { width: 552px; height 2px; background-image: url('../images/separadoServicios.png'); background-repeat: repeat-x; line-height: 2px; min-height: 2px; margin: 5px 0px 3px 3px;}
.listadoServicios { width: 150px; margin-right: 7px; }
.itemsServicios { font-size: 10px; line-height: 10px;}

/*
Salon
***************/
.salon { background-image:  url('../images/fondos/salon.png');}
.contentSalon
{
    position: relative; 
    float: left; 
    width: 581px; 
    height: 190px; 
    text-align: left;     
    margin-top: 72px;
}
.imgLeft { position: relative; float: left;width: 223px;  height: 193px;}
#imagesLeft { width: 223px; overflow:hidden; height: 193px; position: relative; float: left; margin-right: 7px;}
.imgCenter {position: relative; float: left; width: 122px; margin-right: 6px;height: 193px;}
#imagesCenter {width: 122px; overflow:hidden; height: 193px; position: relative; float: left; margin-right: 6px;}
.imgRight {position: relative; float: left; width: 223px;height: 193px;}
#imagesRight { width: 223px; overflow:hidden; height: 193px; position: relative; float: left;}


/*
Trayectoria
***************/
.trayectoria { background-image:  url('../images/fondos/trayectoria.png');}
.detailTrayectoria  {position: relative; width: 440px; margin: 8px 4px 0 21px;}

.detailEstetica  {position: relative; width: 440px; margin: 8px 4px 0 16px;}
.estetica { background-image:  url('../images/fondos/fdoEstetica.png');}
.contentEstetica  
{
    position: relative; 
    float: left; 
    width: 581px; 
    height: 190px; 
    text-align: left; 
    background-color: #141414;
    margin-top: 72px;
    background-image: url('../images/fondos/estetica.png');    
    background-repeat: no-repeat;
    background-position: -10px 0px;
    }
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    .contentEstetica { height: 193px;}
}
.contacto { background-image:  url('../images/fondos/contacto.png');}
.textoContacto {width: 287px;}  
.txtContacto, .txtContacto a { line-height: 14px; font-size: 11px; color: #fff; text-decoration: none;}
.txtContacto a:hover { color: #b4b7be; text-decoration: none;}
.titulo { font-size: 18px; line-height: 18px;}
.ContactLine { width: 287px; height: 2px; background-image: url('../images/separadoServicios.png'); background-repeat: repeat-x; line-height: 2px; min-height: 2px; margin: 5px 0px 3px 1px;}
.contactMap { width: 241px; position: relative; float: left; height: 135px; margin-left: 15px;}
.detailContacto  {position: relative; width: 580px; margin: 8px 4px 0 21px;}