a:focus { -moz-outline-style: none; }/*this avoids having image replacement sections display a dotted outline*/

* {
margin:0;
padding:0}

body {
font-family: Tahoma, Helvetica, sans-serif;
letter-spacing:0.04em; 
word-spacing:0.2em;
font-size:13px;
line-height:150%;
}


#wrapper, #wrapper_home {
background:#999999;

}
#wrapper {padding-left:100px;}
html>body #wrapper_home {padding-left:100px;background:#999999;}

p {
padding-top:15px;
padding-left:15px;
}


.first {
	margin-top:1.1em;
	}	
html>body	.first {margin-top:0em;}	/*CAMBIO PARA FF*/

h1, h2, h3 {
color:#FF6600;
margin:8px;
padding:4px;
background:inherit;
}

h1 {font-size:24px;
margin-top:25px}
html>body	h1 {margin-top:0.3em;}	/*CAMBIO PARA FF*/

h3 {font-size:17px}


.input { /*para colocar mejor en pagina los campos del formulario*/
margin-left:120px;
margin-top:8px;
}
html>body input[type=checkbox] {margin-right:10px;} /*CAMBIO PARA FF para que no se peguen los textos a las cajitas */


.enlinea { /*para conseguir listas en linea*/
float:left;
margin-left:25px;
}

.center {
text-align:center;
}

.rightimage {
float:right;
margin-left:10px;
}
html>body .rightimage { margin-right:10px;} /*CAMBIO PARA FF */

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

.clear {
clear:both
}

.big_dark, .big_naran { /*letras grandes*/
color:#666666;
font-size:1.3em;
line-height:1.3em;
padding:10px 5px 5px 0px;
}

.big_naran { /*letras grandes*/
color:#ff6600;
}
html>body .big_dark {margin:2px 10px 10px 2px} /*CAMBIO PARA FF */


.dark { /*para todo tipo de letra o elemento*/ color:#666666;
}
.naranja { /*para todo tipo de letra o elemento*/ color:#ff6600;
}
.negrita { /*para todo tipo de letra o elemento*/ font-weight:bold;
}


.more, .more a {
 /*para la palabra 'more'*/
	font-family:'Agency FB', Tahoma, Helvetica, sans-serif;
	font-size:16px;
	color:#FF6600;
	text-align:right;
	margin:0;
	padding:0;
	text-decoration:none;
	}
html>body .more a {padding-left:70%;}  /*CAMBIO PARA FF */

	
.estimate, .estimate a:link, .estimate a {
/*para los links al free estimate*/
	font-family:'Agency FB', 'Franklin Gothic Demi', Tahoma, Helvetica, sans-serif;
	font-size:26px;
	color:#333333;
	text-align:center;
	font-weight:400;
	}
	
html>body .estimate {padding-bottom:15px;}  /*CAMBIO PARA FF */



/* estilo VINCULOS */
a:link, a:link:visited, a:visited, a {
color:#FF6600;
font-weight:bolder;}

/*
a:visited {
color:#666666;
font-weight:bolder;}*/

a:link:hover, a:hover {
color:#666666;
}

.fondonar a:link, .fondonar a:link:hover, .fondonar a:link:visited, .fondonar a, .fondonar a:hover, .fondonar a:visited {
color:#666666;
font-weight:bolder;}




/*estilo para las LISTAS*/

	
ul {
	padding:0;
	margin:0;
	margin-top:1em;
	margin-left:0.5em;
	}
	
ul li {
list-style-type:disc;
margin-bottom:.8em;
margin-left:2.8em;
background:none;
}


#windowsolid ul li, .roundright ul li { /*pone menos tabulados los lis*/
margin-left:1.8em}
	


/* estilos para HEADER y MENU */
#header {
background: #ffffff url("images/guam_web_design_logo_small.gif") no-repeat top left;
margin-left:80px;}



#menu {
    width:100%;
	background:#CCCCCC url("images/degradadoheader.gif") repeat-x;;
	border-bottom:2px solid #666666;
	font-size:14px;
	padding-left:90px;
	padding-top:12px
	 }

  #menu ul {
    margin:0;
    padding:0 8px; /*hace que el fondo del header fluya sobre las tabs y queda mas bonito*/
    list-style-type:none;
	
    }

  #menu li {
    float:left;
    background:url(images/roundtab_bisel_right_naran.gif) no-repeat right top;
	margin:1px;
    padding:0;
	display:block;
    }
html>body #menu ul {padding-bottom:32px}  /*CAMBIO PARA FF */
	
  #menu a:link, #menu a:visited {
    display:block;
    background:url(images/roundtab_bisel_left_naran.gif) no-repeat left top;
    padding:7px 10px 5px;
	 /*esto de poner como padding de abajo un 4px junto a ponerle un padding bottom 5 al estilo de #header #current a, levanta las tabs para que el bordel header, esa linea negra, se vea por debajo de las tabs y quede como mas ordenado*/
    text-decoration: none;
	color:#333333;
		}
	
	#menu a:hover {
	text-decoration:underline;
	}
	
	#menu #current {
    background:url(images/roundtab_bisel_right_gris.gif) no-repeat right top;
	
	    }
  #menu #current a {
    background:url(images/roundtab_bisel_left_gris.gif) no-repeat left top;
	
    }
	


/* DIVS para el contenido */
#imagetopsection {
background:#cccccc;
padding-left:100px;
border-bottom:2px solid #666666;
}
html>body #imagetopsection {border-bottom:1px solid #666666;}  /*CAMBIO PARA FF */


#imagetopsectionhome { /*para IE es igual que la div #imagetopsection pero necesito diferenciar por FF*/
background:#cccccc;
border-bottom:2px solid #666666;
margin-bottom:-5px;
padding-left:100px;
}
html>/**/body #imagetopsectionhome {border-bottom:2px solid #666666;margin-bottom:-2px;}  /*CAMBIO PARA FF */

#content, #content_home {
background:#ffffff;
border:1px solid #666666;
border-top:0;
 width:718px; 
 }
 
 
#content_home {
 width:720px; 
 }

html>body #content, html>body #content_home {border-top:1px solid #666666;display:table;}  /*CAMBIO PARA FF  sin este borde 1 me sale un margen*/


#columnas { /* no es absolutamente necesario este div pero usado dentro de content el diseno queda mas limpio*/
width:680px;
margin:6px auto;
padding:16px;}

html>body #columnas br {margin-top:-10px;}  /*CAMBIO PARA FF */
html>body #columnas p {padding-right:25px;}  /*CAMBIO PARA FF */


#windowsolid {
padding:15px 15px 10px 10px;
margin:10px 15px 10px 4px;
float:left;
width:200px;
background:#FF9933;
color:#ffffff;
font-size:14px;
text-align:left;
line-height:17px;
}


#windowsolid a:link, #windowsolid a:link:visited {
color:#ffffff;
text-decoration:none;
}
html>body #windowsolid a, #windowsolid a:visited { color:#ffffff; text-decoration:none; } /*CAMBIO PARA FF */

#windowsolid a:link:hover {
color:#666666;
text-decoration:none;
}
html>body #windowsolid a:hover { color:#666666; text-decoration:none; }  /*CAMBIO PARA FF */


.fieldset {
margin:10px;
margin-bottom:5px;
padding-bottom:10px;
}
html>body .fieldset {padding-bottom:20px;}   /*CAMBIO PARA FF */



/* COLUMNAS para home */
.row, .row_last, .row_picture { 
position:relative;
float:left;
width:210px;
margin-top:8px;
margin-right:12px;
margin-bottom:13px;
margin-left:2px;
}

.row_last, .row_picture { 
margin-right:5px;
margin-left:6px;
}

.row_picture {margin-top:-8px }
html>body .row_picture {margin-top:-1px}

.hr {
clear:both;
width:95%;
height: 1px;
color: #999999;
text-align:center;
}

/* COLUMNAS izq y dcha para todo el site*/
.col_left, .col_right {
position:inherit;
float:left;
width: 45%;
padding: 10px;
margin-bottom:10px;
}


/* CAJAS CUADRADAS izq y dcha para todo el site. El color de fondo, el de la letra y el ancho se lo doy en el html y si es redondeado o no se lo doy con otra clase*/
.block_left, .block_right {
float:left;
border: 3px solid white;
margin-bottom:1px;
}


.block_left p, .block_right p, .block_left ul, .block_right ul, .block_left h3, .block_right h3 { /*necesario para que el texto quede bien dentro de la caja*/
	margin:4px 10px;
}
html>body .block_left, html>body .block_right {margin-top:10px} /*CAMBIO PARA FF */



/*CAJAS REDONDEADAS CON BISEL. Son unicas, borde superior naranja y caja gris*/
.roundright, .roundleft {  /*bisel derecho y bisel izquierdo respectivamente*/
	color:#fff;
	background:url("images/roundtab_left_naran_whit.gif") no-repeat top left; 
	display:block; /*necesario para que el borde superior del bisel izq se vea bien y no sea tapado por el bisel derecho*/
	
	}

.roundright {
	width:320px;  /*por el tamano de ancho que tengo del bisel naranja, no puede ser mas ancho que 400px*/
	background: url("images/roundtab_right_naran_whit.gif") no-repeat top right;
	margin:12px;
}
html>body .roundright {margin-right:20px;}

.roundtitle { /*para que el titulo se vea y tenga margen sin que afecte a la imagen del bisel izq*/
position:relative;
left:10%;
top:-3%;
font-size:130%;
}


.roundcontent { 
background-color:#CCCCCC;
padding:8px;
padding-left:12px;
font-size:85%;

}
.roundcontent ul {
width:220px;
padding-left:0px
}


/*CAJAS REDONDEADAS sin bisel para ponerle colores*/

.roundbox_top { 
	background:url(images/corner_top_right_traspa.gif) no-repeat top right; 
	margin:0;
}

.roundbox_bottom {
	background:url(images/corner_down_right_traspa.gif) no-repeat top right; 
	margin:0;
}

img.corner {
margin:0;
   display:block !important;
}


/* footer*/

#footer {
padding-left:220px;
background-color:#CCCCCC;
clear:both}

.footer {
text-align:left;
padding-left:2%;
padding-top:3px;
color: #ffffff;
font-size:16px;
}