/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
@font-face {
    font-family: 'ExistenceLight';
    src: url('Existence-Light-webfont.eot');
    src: url('Existence-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Existence-Light-webfont.woff') format('woff'),
         url('Existence-Light-webfont.ttf') format('truetype'),
         url('Existence-Light-webfont.svg#ExistenceLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1.fontface {font: 30px 'ExistenceLight', Arial, sans-serif;letter-spacing: 0; color:#003366; }
h2{
 padding: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size:20px;
 color:#003366;
}
h3{
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 padding-top: 11px;
 font-size:14px;
 color:#003366;
}
p{
 padding: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:14px;
 line-height: 22px;
 color:#555555;
 text-align: justify;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 902px;
 color: #333;
 font-size: 20px;
 padding: 10px;
 height: 30px;
 margin: 50px 0px 0px 0px;
 background: #fff;
 text-align: right;
}
#header a:link, a:active, a:visited, a:hover {
 color: #003366;
 text-decoration: none;
}
#navigation {
 width: 912px;
 color: #333;
 padding: 10px 10px 10px 0px;
 border-top: 1px solid #ccc;
 border-bottom: 5px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #fff;
}
#button {  
padding: 0;
} 
#button li {  
display: inline;  
} 
#button li a {  
text-decoration: none;  
padding: 10px 30px 5px 30px;   
color: #555555;  
}
#button li a:hover {
background-color: #ccc;  
border-bottom: solid 5px #ccc;  
margin-top:-2px;  
}
body#dipse a#dipse, body#servicios a#servicios, body#proyectos a#proyectos,body#puente10 a#proyectos, body#louvier a#proyectos, body#teja3 a#proyectos, body#arco67 a#proyectos, body#bugambilias68 a#proyectos, body#contacto a#contacto {
border-bottom: solid 5px #ccc;  
margin-top:-2px;  
}
#button2 {  
width: 100px;
} 
#button2 li {  
list-style: none;
padding: 0px 10px 20px 0px;
margin: 5px 0px 15px 0px;
height: 10px;
} 
#button2 li a {  
text-decoration: none;  
padding: 10px 10px 10px 10px;   
color: #555555;  
display: block;
width: 100px;
border-bottom: solid 5px white;
border-top: solid 1px white;
}
#button2 li a:hover {  
border-bottom: solid 5px #ccc;
border-top: solid 1px #ccc; 
}
body#proyectos a#puente4,
body#puente10 a#puente10,
body#louvier a#louvier,
body#teja3 a#teja3,
body#arco67 a#arco67,
body#bugambilias68 a#bugambilias68 {
border-top: solid 1px #ccc;
border-bottom: solid 5px #ccc;
}
#content { 
 width: 922px;
 color: #333;
 margin: 0px 0px 0px 0px;
 height: 460px;
}
#content .column {
 position: relative;
 width: 46%;
 padding: 1%;
}
#columnas {
 width: 469px;
}
#content .left {
 float: left;
}
#content .right {
 float: right;
}
#content ul{
 padding: 10px 10px 10px 28px;
 font-family: Arial, serif;
 font-size:14px;
 line-height: 22px;
 color:#555555;
}
#content ul li span{
 text-decoration: none;
 font-family: Arial, serif;
 font-size:10px;
 color:#555555;
}
#content ul li a{
 text-decoration: none;
 font-family: Arial, serif;
 font-size:14px;
 line-height: 22px;
 color:#555555;
}
#content ul li a:hover{
 text-decoration: none;
 font-family: Arial, serif;
 font-size:14px;
 line-height: 22px;
 color:#003366;
}
#leftcolumn { 
 color: #333;
 background: #fff;
 margin: 0px 0px 20px 0px;
 padding: 0px;
 height: 450px;
 width: 120px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 background: #fff;
 border-left: 5px solid #ccc;
 margin: 0px 0px 20px 0px;
 padding: 0px;
 height: 450px;
 width: 797px;
 display: inline;
}
#rightcolumn p {
 padding: 10px;
 font-family: Arial, serif;
 font-size:12px;
 line-height: 18px;
 color:#555555;
}
#rightcolumn .left {
 float: left;
 width: 260px;
}
#rightcolumn .left2 {
 float: left;
 width: 227px;
}
#rightcolumn .left2 ul {
 padding: 10px;
 margin-top: -6px;
 list-style-position: inside;
 font-family: Arial, serif;
 font-size:12px;
 line-height: 18px;
 color:#555555;
}
#rightcolumn .left2 ul li {
 margin-bottom: 8px;
}
#rightcolumn .right {
 float: right;
}
#form ul {
 list-style-type: none;
}
#footer { 
 width: 900px;
 color: #aaa;
 background: #fff;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 text-align: right;
 border-top: 1px solid #ccc;
 line-height: normal;
 clear: left;
}