@charset "utf-8";
/* CSS Document */

body { font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#58585a}

div { display:block;}
a { text-decoration:none; color:#333}
ol { list-style:decimal; list-style-position:inside;}
ol li li { margin-left:15px;}

h2 { font-size:14px; color:#000; }
h3 { font-size:13px; text-transform:uppercase; font-weight:bold;}
strong { font-weight:bold;}

.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

#fondo {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

#container { 
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 950px;
}


#contenedor-idiomas { 
	width: 70px;
	float:right;
	margin-top:22px;
}

#contenedor-idiomas h3 { 
	margin-bottom:6px;
	font-size:11px;
	text-transform:none;
	font-weight:normal;}

#contenedor-idiomas ul li{
	display:block;
	margin-bottom:2px;
	background-color:#FFF;
	font-size:11px;
}
#contenedor-idiomas ul li a{
	display:block;
	padding:3px 0 3px 5px;
}

#header {
    height: 105px; margin: auto;
    overflow: hidden;
    width: 950px;
}
	
#logo { 
	width: 266px; 
	float:left; 
}

#logo a {
	height: 98px;
	background:url(../img/logo.png) top left no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
}


#menu { left: 244px;
    position: absolute;
    text-transform: uppercase;
    top: -28px;}
#menu ul { margin-top:14px; }
#menu ul li {
	float: left;
	margin-right: 20px;
	font-size: 13px;
	text-align: center;
	padding-top: 50px;
        list-style: none;
}
#menu ul li a {
	padding:1px;
	display:block;
	text-decoration:none;
	color:#333;
}
#menu ul li a:hover,
#menu ul li a.selected {
	background-color:#FFF;
}
#menu ul li#oportunidad { 
	width:150px;
	background: url(../img/maletin.png) no-repeat top center;
}



#content { 
	width: 659px;
	padding:0 0 0 10px; 
	margin-left: 309px; 
	line-height:18px;
	overflow:hidden;
/*	margin-left: 266px;*/
}

#photocentric {
	position: absolute;
    right: 0;
	bottom: 33px;
}

.left { float:left;}
.right {
  float: right;
    position: absolute;
    right: -58px;
    top: 107px;
}


.text-blue { color:#00aeef;}
.text-grey { color: #666;}
.border-red { border:1px solid #F00 !important; }

/*************************************************************
*************** ESTILOS ESPECIFICOS PARA LA HOME *************
**************************************************************/
#index #container { background:url(../img/bg-index.png) left bottom no-repeat;}


/*************************************************************
************** ESTILOS ESPECIFICOS FUNCIONAMIENTO ************
**************************************************************/
#funcionamiento #content { margin-left:156px; width:906px;}
#video-tutorial-funcionamiento { width:565px; margin:0 auto;}


/*************************************************************
****************** ESTILOS ESPECIFICOS EL KIT ****************
**************************************************************/
#el-kit #container { background:url(../img/bg-el-kit.png) left bottom no-repeat;}
#el-kit #content { width:880px;}
.columna-kit { float: left; width:240px;}
.columna-kit h2 { margin-bottom: 15px; }
.columna-kit.sin-titulo { padding-top: 31px;}
.columna-kit li { margin-right: 21px; margin-bottom:2px; line-height:18px;}
ul.red {color:#c74155; }

#el-kit #content { margin-bottom:40px;}
#el-kit .right { width:130px; font-size:13px;}
#el-kit .right h3 { margin-left:15px;}
#el-kit .right p { margin-left:0;}
p.resto-consumibles { margin-top:31px;}
.content-gel {clear:both; margin-bottom:10px; overflow:hidden; font-weight:bold;}
.medida-gel { display:inline-block; margin-left:10px; }
.medida-a9 { margin-top:16px;}
.medida-a8 { margin-top:25px;}
.medida-a7 { margin-top:43px;}


/*************************************************************
***************** ESTILOS OPORTUNIDAD NEGOCIO ****************
**************************************************************/

#oportunidad-negocio #container,
#instrucciones #container{ background:url(../img/bg-oportunidad-negocio.png) left bottom no-repeat;}

#oportunidad-negocio #container{
 font-size:11px;
 }
#oportunidad-negocio #content { margin-bottom:40px; width: 720px;}
#oportunidad-negocio .bloque1 {
	width:223px;
}
#oportunidad-negocio .bloque2 {
	width:468px;
	margin-left:27px;
}

#oportunidad-negocio h2 { margin-bottom:15px;}

ol#exito {
	margin-bottom:30px;
}
ol#exito li{ margin-bottom:10px;     margin-right: 12px;}
h3.yellow { color:#ffc000;}
h3.blue { color:#7fd1ea;}

.content-folleto-sellos a { display:block; overflow:hidden;}
.content-folleto-sellos a,
.content-folleto-sellos a:visited { color:#d95844; }
.content-folleto-sellos a:hover {
	color:#b24736;
}
span.texto-folleto-sellos { margin-top:10px; display:inline-block; }

table td { padding: 5px 5px 2px 10px;}
td.bg-blue {
	background-color:#f4fbfd;
	border:1px solid #f4fbfd;
}
td.border-grey {
	border:1px solid #f1f1f2;
	border-right:none;
}
td.bg-orange {
	background-color:#fee5ca;
	border:1px solid #fabc77;
	padding-left:5px;
}
td.bg-orange.selected { background-color:#FABC77;} 

td.border-blue {
	border:1px solid #b3e4f3;
	padding-left:5px;
}

td.no-border-bottom { border-bottom:none;}

#oportunidad-negocio input { width:100%; text-align:right; font-weight:normal; font-size:9px; color:#58585a}
td.border-blue input,
td.bg-orange input { background:none; border:none; }

#oportunidad-negocio .result { text-align:right;}

/*************************************************************
******************** ESTILOS INSTRUCCIONES *******************
**************************************************************/
#instrucciones #content{ margin-bottom: 126px;}
#instrucciones h2 {
	margin-bottom: 20px;
	font-weight:bold;
}
#instrucciones ol {
	margin-bottom:30px;
}
#instrucciones ol li{
	margin-bottom:10px;
	list-style-position: outside;
    margin-left: -7px;
}
#instrucciones ol li a { display:block; margin:2px 0;
}
#instrucciones ol li a:hover { color:#6f6f71}
ol#videotutoriales li  {
	background:url(../img/bg-lista-videotutoriales.png) no-repeat right top;
}

ol#faqs li a,
ol#instrucciones li  {
	background:url(../img/pdf-18x18.png) no-repeat right top;
}

ol#software li  {
	background:url(../img/bg-lista-software.png) no-repeat right top;
}


#instrucciones .bloque1,
#instrucciones .bloque2 {
	width:234px;
}
#instrucciones .bloque2 {
	margin-left:128px;
}


/*************************************************************
*********************** ESTILOS CONTACTO *********************
**************************************************************/
#contacto #container{ background:url(../img/bg-CONTACTO.png) left 170px no-repeat;}

#contacto #content { line-height:22px;}

#contacto #content,
h2.titulo-lista-proveedores
{ font-size:13px;}

h2.titulo-lista-proveedores { line-height:18px; margin-bottom:15px;}

#contacto .bloque1{
	width:110px;
}
#contacto .bloque2 {
	width:384px;
	margin-left:45px;
}

#contacto .bloque2 p {margin-left:0;}

#contacto ul#proveedor li {margin-bottom:5px;}	
#contacto ul#proveedor li a {
	display:block;
	background-color:#FFF;
	padding:5px;
}
#contacto ul#proveedor li a:hover,
#contacto ul#proveedor li a.selected {
	background-color:#fee5ca;
}

#contacto form { margin-top:50px; clear:both; overflow:hidden; margin-bottom:15px;}
#contacto input,
#contacto textarea { /*width:300px;*/ width:97%; display:block; margin-bottom:5px; background-color:#FFF; border:1px solid #d4d5d6; padding:5px; }
#contacto input { height:22px;}
#contacto textarea { margin-top:10px; margin-bottom:10px;}
#contacto input.submit { width:auto; float:right; padding:0 5px; height:28px;}
#contacto input.submit:hover { cursor:pointer;}