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

Título	: National Roofing
Autor		: Juanma Teixidó
URL 		: www.nationalroofing.com

Descripción : CSS colaborativo para AREA CREATIVE hecho por NOS

Creado 		:	Julio 26, 2006
Modificado	:	Julio 26, 2006

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

/*div {
	border: 1px solid Red;
}*/



body {
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,td,th {
	font-family:  Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #272727;
	color: #666666;
}

/**********************************************************************/
/* TYPOGRAPHY                                                        */
/********************************************************************/

h1 {
	margin: 0px;
/*	font-weight: normal;*/

}

#principal h1, div.interna h1 {
	font-size: 24px;
	color: #0093cf;
}
#columna1 h1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
	color: #0093cf;
}

#columna1 h2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	margin: 0px;
}
#columna1 h3 {
	font-size: 12px;
	margin: 0px;
}
#columna1 ol {
	font-size: 12px;
	margin: 0px;
}
#columna2 h1 {
	font-size: 17px;
	color: #0093cf;
}

#columna3 h1, #columna4 h1 {
	font-size: 17px;
	color: #0093cf;
}
#columna3 h1 {
	margin-bottom: 7px;
}
h1.noticias {
	background: url(../gfx/iconos/noticias.gif) 1px no-repeat;
	padding-left: 22px;
}
h1.calculadora {
	background: url(../gfx/iconos/calculadora.gif) 1px no-repeat;
	padding-left: 19px;
}
h2.infrared {
	color: Red;
	margin: 0px;
/*	font-weight: normal;*/
	text-transform: uppercase;
	font-size: 17px;
}

p.sin_margen {
	margin: 0px;
}
p {
	margin-bottom: 0px;
}
p.date_of_post {
	margin-top: 0;
	font-size:11px;
	font-weight:bold;
}
#columna2 p, #columna3 p, #columna4 p {
	font-size: 11px;
	line-height:17px;
}
#columna4 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #666666;
}
#columna3 p {
	margin: 0px;
}
#footer p.direccion {
	float: left;
	margin: 0px;
	font-size: 11px; 
	line-height: 17px;
}
#footer p.direccion2 {
	float: left;
	margin-left: 50px;
	margin-top: 0px;
	font-size: 11px; 
	line-height: 17px;
}
#footer p.copyright {
	float: right;
	text-align: right;
	margin: 0px;
	font-size: 11px; 
	line-height: 17px;
}
/**********************************************************************/
/* LINKS                                                             */
/********************************************************************/

a.vermas {
	background: url(../gfx/iconos/linik_ver_mas.gif) no-repeat 1px;
	padding-left: 21px;
}

a.back {
	background: url(../gfx/iconos/back.gif) no-repeat 1px;
	padding-left: 21px;
}

a.all {
	background: url(../gfx/iconos/all.gif) no-repeat;
	padding-left: 21px;
}

#contenido a {
	color: red;
	text-decoration: none;
}
#contenido a:visited {
	color: #cc0000;
	text-decoration: none;
	border-bottom: 1px dotted #cc0000;
}
#contenido a:hover {
	color: #db0000;
	text-decoration: underline;
	border-bottom: none;
}

#columna2 a {
	color: #3399cc;
	text-decoration: none;
	border-bottom: 1px dotted #3399cc;
}
#columna2  a:visited {
	color: #006699;
	text-decoration: none;
	border-bottom: 1px dotted #006699
}
#columna2 a:hover {
	color: #0066cc;
	text-decoration: underline;
	border-bottom: none;
}
#footer a {
	color: #3399cc;
	text-decoration: none;
	border-bottom: 1px dotted #3399cc;
}
#footer  a:visited {
	color: #006699;
	text-decoration: none;
	border-bottom: 1px dotted #006699
}
#footer a:hover {
	color: #0066cc;
	text-decoration: underline;
	border-bottom: none;
}

/**********************************************************************/
/* CABECERA                                                          */
/********************************************************************/

#cabecera {
	background-color: White;
	width: 730px;
	padding-top: 15px;
	padding-left: 30px;
	padding-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto; 
	background-image:url(../gfx/backgrounds/bdyBkgnd.jpg);
	background-position: top;
}

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

#menu {
	height: 80px;
	width: 730px;
	padding-left: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto; 
	 background-color: White;
}

#menu div {
	float: left;
}

#menu a#boton_home {
	width: 63px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_1_home_off.gif);
	display: block;
}
#menu a#boton_home:hover {
	width: 63px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_1_home_hover.gif);
	display: block;
}
#menu a#boton_company {
	width: 87px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_2_company_off.gif);
	display: block;
}
#menu a#boton_company:hover {
	width: 87px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_2_company_hover.gif);
	display: block;
}
#menu a#boton_services {
	width: 88px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_3_services_off.gif);
	display: block;
}
#menu a#boton_services:hover {
	width: 88px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_3_services_hover.gif);
	display: block;
}
#menu a#boton_projects {
	width: 88px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_4_projects_off.gif);
	display: block;
}
#menu a#boton_projects:hover {
	width: 88px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_4_projects_hover.gif);
	display: block;
}
#menu a#boton_roofing {
	width: 99px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_5_roofing_off.gif);
	display: block;
}
#menu a#boton_roofing:hover {
	width: 99px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_5_roofing_hover.gif);
	display: block;
}
#menu a#boton_contact {
	width: 100px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_6_contact_off.gif);
	display: block;
}
#menu a#boton_contact:hover {
	width: 100px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_6_contact_hover.gif);
	display: block;
}
#menu a#boton_emergency {
	width: 176px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_7_roofing_off.gif);
	display: block;
	margin-right: 28px;
}
#menu a#boton_emergency:hover {
	width: 176px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_7_roofing_hover.gif);
	display: block;
}
#menu a span {
	display: none;
}



body#home a#boton_home, body#home a#boton_home:hover {
	width: 63px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_1_home_on.gif);
	display: block;
	cursor:default;
}
body#company a#boton_company, body#company a#boton_company:hover {
	width: 87px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_2_company_on.gif);
	display: block;
	cursor:default;
}
body#services a#boton_services, body#services a#boton_services:hover {
	width: 88px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_3_services_on.gif);
	display: block;
	cursor:default;
}
body#projects a#boton_projects, body#projects a#boton_projects:hover {
	width: 88px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_4_projects_on.gif);					    display: block;
	cursor:default;
}
body#roofing a#boton_roofing, body#roofing a#boton_roofing:hover {
	width: 99px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_5_roofing_on.gif);    d    display: block;
	cursor:default;
}
body#contact a#boton_contact, body#contact a#boton_contact:hover {
	width: 100px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_6_contact_on.gif);    display: block;
	cursor:default;
}
body#emergency a#boton_emergency, body#emergency a#boton_emergency:hover {
	width: 176px;
	height: 50px;
	background: url(../gfx/backgrounds/menu_7_roofing_on.gif);			    display: block;
	cursor:default;
}

/**********************************************************************/
/* SUB-MENU                                                         */
/********************************************************************/

#submenu {
	margin-top:10px;
	margin-bottom:20px;
/*	height: 40px;
	width: 700px;
	float: left;*/
}

#submenu ul {
	list-style: none;
	padding:0;
	margin:0;
}
#submenu li {
	float: left;
	margin-right:10px;
}
#submenu a {
	color:#FF0000;
	font-size:11px;
	padding: 3px 5px 3px 5px;
}
#submenu a:hover {
	background-color:#FF0000;
	color: white;
	text-decoration:none;
	background-image:url(../gfx/backgrounds/back_submenu_hover.jpg);
}

/*#nav li.items {
	color:#FF0000;
	font-size:11px;
	padding: 3px 5px 3px 5px;
}*/
#nav li.itemsActivo a {
	background-color:#FF0000;
	color: white;
	text-decoration:none;
	background-image:url(../gfx/backgrounds/back_submenu_hover.jpg);  
/*	display: block;*/
	cursor:default;
}


/**********************************************************************/
/* CONTENIDO                                                         */
/********************************************************************/

#contenido {
	width: 700px;
	padding: 22px 30px 30px 30px;
	background-color: White;
    display: block;
    margin-left: auto;
    margin-right: auto; 
}
#columna1 {
	width: 477px;
	float: left;
	margin-right: 30px;
}
#columna2 {
	width: 193px;
	float: left;
}
#columna3 {
	width: 210px;

	float: left;
	padding-right: 26px;
	border-right: 1px solid #a2aeb3;
}
#columna4 {
	width: 210px;
	float: left;
	margin-left: 30px;
}
#principal, div.interna {
	border-bottom: 1px solid #a2aeb3;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

img.noticia_small{
	float: left;
	margin-right: 10px;
}

div.post_it_1 {
	background-color: #e6e6e6;
	padding: 15px;
	margin-bottom: 15px;
}
div.post_it_1:hover {
	background-color: #efefef;
}
img.float_right {
	float: right;
	margin-left: 10px;
}
img.con_margin {
	margin-bottom: 15px;
}
div.post_it_2 {
	margin-bottom: 15px;
	padding: 15px;
	border: #79bb30 solid 3px;
	background-image:url(../gfx/green.jpg);
	background-position: top;
	background-repeat: no-repeat;
	
}

div.post_it_2:hover {
	border: #97d99b solid 3px;
}

div.post_it_3 {
	background-color: #e4f8ff;
	padding: 15px;
	margin-bottom: 15px;
}


#columna3 div.noticia_ciclado_1 {
	padding: 5px;
	margin-bottom: 10px;
}
#columna3 div.noticia_ciclado_1:hover {
	background-color: #f6f6f6;
}
#columna3 div.noticia_ciclado_2 {
	background-color: #e6e6e6;
	padding: 5px;
	margin-bottom: 10px;
}
#columna3 div.noticia_ciclado_2:hover {
	background-color: #e6e6e6;
}

#contacto{
	width: 200px;
	float: left;
	margin-right: 30px;
	margin-left: 2px;
}

#contacto h1 {
	font-size: 17px;
	color: #0093cf;
}
/**********************************************************************/
/* FOOTER                                                         */
/********************************************************************/

#footer {
	clear: both;
	width: 700px;
	height: 100px;
	background: #e1e6e7 url(../gfx/backgrounds/back_footer.gif) repeat-x;
	padding: 30px 30px 0px;
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

form p {
	margin-bottom: 0px;
}

span.formErr {
	color: Red;
}

span.formMsg {
	color: #9ACD32;
}