/*** Hoja de estilos - Visualizador de colores - http://casaycolor.com ***/

* {margin: 0; padding: 0;}

html {background: url();}

body {
	font: 12px Verdana;
	color: #333;
	background: #f2f2f2 url(http://casaycolor.com/imagenes/bgh.jpg) repeat-x;
}

a {
	color: #D36700;
}

a:hover {
	text-decoration:none;
}

img {
	border: 0;
}

.break {font-size: 0;width: 0; height: 0;clear: both;}

#wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

#header {
	height: 110px;
	background: url(http://casaycolor.com/imagenes/header.jpg) no-repeat;
}
	#header .pages {
		list-style-type: none;
		height: 20px;
		padding-top: 5px;
		float: left;
	}
		#header .pages li {
			float: left;
		}
		#header .pages li a {
			display: block;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			padding: 0px 15px;
			text-decoration: none;
			color: #fff;
		}
		#header .pages li a:hover {
			text-decoration: underline;
		}
	
	#header .logo {
		clear: both;
		height: 80px;
		float: left;
		margin: 15px 0px 0px 10px;
	}
		#header .logo h1 {
			font-family: georgia, times, serif;
			font-weight: 400;
			font-size: 60px;
		}
			#header .logo h1 a {
				text-decoration: none;
				color: #fff;
			}
		#header .logo p {
			color: #fff;
			font-size: 15px;
			text-transform: none;
			text-align: right;
		}

	#header .categories {
		height: 35px;
		float: right;
		list-style-type: none;
		margin: 75px 0 0 0;
		overflow: hidden;
	}

		#header .categories li {
			display: block;
			padding: 10px 10px;
			font-family: Arial;
			font-size: 15px;
			float: left;
			text-transform: uppercase;
		}

		#header .categories li a {
			color: #fff;
			text-decoration: none;
		}

		#header .categories li a:hover {
			color: #FCDA72;
		}

div#page {
	width: 980px; height: 600px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
}
div#container {
	padding: 10px;
}

#footer {
	clear: both;
	background-color: #2C2C2C;
	color: #fff;
	font-size: 1em;
	padding: 20px 10px 10px;
}
	#footer a {
		color: #ffffff;
		text-decoration: none;
	}

	#footer a:hover {
		text-decoration: underline;
	}
	#footer .contenedor {
		width: 980px; height: 280px;
		padding: 0px;
		margin: auto;
		text-align: center;
	}

	#footer .box1 {
		float: left;
		width: 160px;
		margin: 0px 10px 10px 0px;
		padding: 10px;
		background: #1F1F1F;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	#footer .box2 {
		float: left;
		width: 360px;
		margin: 0px 10px 10px 0px;
		padding: 10px;
		background: #1F1F1F;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	#footer .box3 {
		float: left;
		width: 380px;
		margin: 0px 0px 10px 0px;
		padding: 10px;
		background: #1F1F1F;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

		#footer .box1 h2, #footer .box2 h2, #footer .box3 h2 {
			font-size: 1.5em;
			margin: 0 0 0 10px;
			text-decoration: none;
			font-weight: 500;
		        color: #D36705;
		}

		#footer .box1 ul, #footer .box2 ul, #footer .box3 ul {
			list-style: none;
			padding: 10px;
		}
			#footer .box1 ul li, #footer .box2 ul li, #footer .box3 ul li {
				line-height: 1.4em;
				padding: 5px 0;
				border-bottom: 1px #333 solid;
			}
	#footer .izquierda {
		float: left;
		font-size: 40px;
		font-family: 'Terminal Dosis Light', arial, serif;
		text-transform: none;
		color: #ddd;
	}

	#footer .derecha {
		float: center;
		padding-top: 25px;
		color: #ddd;
	}

	#footer .derecha a{
		color: #ddd;
	}