/* - - - - - - - - - - - - - - - - - - - - -

Título : RADIO THERMOSTAT
Autor : kravier.com

Descripción : radio.css

Creado : 19 de julio, 2009

- - - - - - - - - - - - - - - - - - - - - */

@import url('../css/reset.css');


/***********************/
/* ATRIBUTOS DE PAGINA */
/***********************/
body,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
   line-height: 18px;
	color: #000;
	background-color: #fff;
	background-image: url(../gfx/bg/f_body.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}


body {
	margin: 0px;
}

a {
	text-decoration: none;
	font-weight: normal;
	color: #1b5ea4;
}

a:hover {
	color: #206a9e;
}
h1 {
	margin-top: 0px;
	font-size: 18px;
	color: #1b5ea4;
}

h2 {
	margin-top: 0px;
	font-size: 14px;
	color: #f20202;
}

h3 {
	margin-bottom: 0px;
	font-size: 14px;
	color: #f30202;
}


p {
	margin: 0px;
}

ul {
	margin: 0px;
}

li {
	margin: 0px;
}

form {
	margin: 0px;
	padding: 0px;
	clear: both;
}


/****** TOP ******/

#contenedor {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	/*padding: 20px 0px 30px 0px;*/
	background-image: url(../gfx/fondos/f_contenedor.png);
	background-repeat: repeat-y;
	/*background-color: #fff;*/
	
}

#top {
	width: 980px;
	height: 85px;
	margin-left: auto;
	margin-right: auto;
}

div.logo {
	width: 274px;
	float: left;
	padding-left: 10px;
}

/****** MENU ******/

#menu {
	width: 686px;
	height: 34px;
	float: left;
	padding: 51px 0px 0px 10px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #fff;
	
}

/****** BUTTON 01 ******/

div.boton_01 {
	float: left;
}

div.boton_01 a {
	width: 97px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botons/b_01.png);
	background-repeat: no-repeat;
}

body#boton_01 div.boton_01 a,
	div.boton_01 a:hover {
	background-image: url(../gfx/botons/b_01_over.png);
	background-repeat: no-repeat;
}

/****** BUTTON 02 ******/

div.boton_02 {
	float: left;
}

div.boton_02 a {
	width: 97px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botons/b_02.png);
	background-repeat: no-repeat;
}

body#boton_02 div.boton_02 a,
	div.boton_02 a:hover {
	background-image: url(../gfx/botons/b_02_over.png);
	background-repeat: no-repeat;
}

/****** BUTTON 03 ******/

div.boton_03 {
	float: left;
}

div.boton_03 a {
	width: 97px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botons/b_03.png);
	background-repeat: no-repeat;
}

body#boton_03 div.boton_03 a,
	div.boton_03 a:hover {
	background-image: url(../gfx/botons/b_03_over.png);
	background-repeat: no-repeat;
}

/****** BUTTON 04 ******/

div.boton_04 {
	float: left;
}

div.boton_04 a {
	width: 97px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botons/b_04.png);
	background-repeat: no-repeat;
}

body#boton_04 div.boton_04 a,
	div.boton_04 a:hover {
	background-image: url(../gfx/botons/b_04_over.png);
	background-repeat: no-repeat;
}

/****** BUTTON 05 ******/

div.boton_05 {
	float: left;
}

div.boton_05 a {
	width: 97px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botons/b_05.png);
	background-repeat: no-repeat;
}

body#boton_05 div.boton_05 a,
	div.boton_05 a:hover {
	background-image: url(../gfx/botons/b_05_over.png);
	background-repeat: no-repeat;
}

/****** BUTTON 06 ******/

div.boton_06 {
	float: left;
}

div.boton_06 a {
	width: 97px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botons/b_06.png);
	background-repeat: no-repeat;
}

body#boton_06 div.boton_06 a,
	div.boton_06 a:hover {
	background-image: url(../gfx/botons/b_06_over.png);
	background-repeat: no-repeat;
}

/****** BUTTON 07 ******/

div.boton_07 {
	float: left;
}

div.boton_07 a {
	width: 97px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botons/b_07.png);
	background-repeat: no-repeat;
}

body#boton_07 div.boton_07 a,
	div.boton_07 a:hover {
	background-image: url(../gfx/botons/b_07_over.png);
	background-repeat: no-repeat;
}

/****** IPHONE MIDDLE ******/

#iphone_middle {
	width: 320px;
	float: left;
}

/****** IPHONE FLASH ******/

#flash {
	width: 980px;
	height: 380px;
}

/****** CUADROS ******/

#cuadros {
	width: 920px;
	padding: 30px;
}

div.seccion {
	width: 270px;
	/*height: 104px;*/
	float: left;
	padding: 10px;
	/*background-image: url(../gfx/fondos/f_seccion.gif);
	background-repeat: repeat-x;*/
	background-image: url(../gfx/bg/b_cuadro.png);
	background-repeat: no-repeat;
	background-color: #e4f1fd;
}

div.seccion img {
	float: right;
	clear: both;
	padding-top: 5px;
}



/****** COLUMNAS ******/

#contenido {
	width: 920px;
	padding: 30px;
	color: #000;
}


#columna_01 {
	width: 290px;
	float: left;
}

.productos {
	width: 290px;
}

#columna_02 {
	width: 580px;
	float: left;
	padding: 10px;
}

#columna_02 span {
	display: none;
}

/****** FOOTER ******/

#footer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	color: #8daed1;
	padding: 40px 0px 10px 0px;
}

#footer a {
	color: #8daed1;
}

#footer a:hover {
	color: #1b5ea4;
}


/****** SEPARADORES ******/

div.separador_01 {
	width: 920px;
	height: 80px;
	float: left;
}