/*
      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;   }

p {
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 15px;
 line-height: 1.4;
 font-size: 11px;
 font-family: Verdana, Arial, sans-serif;
 }

/*p {
  margin-bottom: 0 }
p + p {
  text-indent: 1.5em;
  margin-top: 0 }*/

a:link {
text-decoration:none;
color: white;
}

a:visited {
text-decoration:none;
}

a:active {
text-decoration:none;
}

a:hover {
text-decoration:none;
} 

img {
 border: 0px;
 }
 
span.bold {
 font-weight: bold;
 }
 

 
.contenidotexto {
 font-size: 11px;
 font-family: Verdana, Arial, sans-serif;
 text-align: justify;
 position: absolute;
 padding-top: 25px;	
 padding-left: 15px;
 padding-right: 15px;
 }
 
 .intro {
 font-size: 11px;
 font-family: Verdana, Arial, sans-serif;
 text-align: center;
 font-weight: bold;
 color: #007ea8;
 position: absolute;
 padding-top: 25px;	
 padding-left: 15px;
 padding-right: 15px;
 }
 
.intros {
 color: #009900;
 }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url('img/fondo.gif') repeat;
}
#wrapper { 
 margin: 0 auto;
 width: 780px;
}
#header {
 color: #333;
 width: 780px;
 float: left;
 
 height: 99px;
 margin: 10px 0px 0px 0px;
 /*background: url('img/head.png') center no-repeat;*/
}
.contenidobase {
 float: left;
 width: 780px;
 height: 371px;
 /*background: url('img/back-home.png') center no-repeat; /* #F2F2E6; */
 color: #333;
 
 margin: 0px 0px 0px 0px;
 
}

.contenidohome {
 background: url('img/back-home.png') center no-repeat; 
 }
 
.contenidocont {
 background: url('img/back-cont.png') center no-repeat; 
 }
 
.contenidoport {
 background: url('img/back-port.png') center no-repeat; 
}

.contenidoserv {
 background: url('img/back-serv.png') center no-repeat;
 }
#leftcolumn { 
 color: #333; 
 top: -20px; 
 right: -100px;
 height: 116px;
 width: 159px;
 float: left;
 position: relative;
}
#midcolumn { 
 float: left;
 color: #333;
 top: -20px;
 right: -151px;
 height: 116px;
 width: 159px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 color: #333; 
 top: -20px;
 left: -100px;
 height: 116px;
 width: 159px;
 float: right;
 position: relative;
}
#footer { 
 
 width: 780px;
 clear: both;
 color: #333;
 text-align: center;
 padding-top: 5px;
 margin: 0px 0px 0px 0px;
 
}

#contenido-home {
 width: 568px;
 height: 183px;
 left: 106px;
 top: 145px;
 position: relative;
 overflow: auto;
 background: url('img/home-cont.png');
 }
 
 #contenido {
 width: 490px;
 height: 305px;
 right: 50px;
 top: 20px;
 position: relative;
 float: right;
 background: url('img/content.png');
 overflow: auto;
 color: #333;
 }
 
  
#botones {
 width: 152px;
 /*padding-bottom: 5px;*/
 float: left;
 top: 36px;
 left: 35px;
 position: relative;
 
 }
 
 #info-cont {
 margin-top: 78px;
 font-size: 10px;
 color: #FFF;
 }
 
 #formdesc {
 padding-left: 10px;
 padding-top: 10px;
 float: left;
 position: absolute;
 line-height: 1.7;
 font-size: 12px;
 font-family: Verdana, Arial, sans-serif;
 }
 
 #formfields {
 position: relative;
 padding-top: 10px;
 float: right;
 right: 86px;
 line-height: 1;
 font-size: 12px;
 font-family: Verdana, Arial, sans-serif;
 }
 
 ul {
 list-style-type: none;
 }
 
ainput
{
color: #781351;
background: url('img/bg.gif') repeat-x;
border: none;
}

IMG.botones {
    display: block;
    margin-left: auto;
    margin-right: auto; }
	
IMG.botonesl {
    display: block;
    margin-left: auto;
    }
	
IMG.botonesr {
    display: block;
    margin-right: auto; }
	
IMG.header {
    display: block;
    margin: auto; }
	
img.conthead {
	display: block;
	margin-top: -1px;
	}
img.port {
margin-top: 5px;
display: block;
margin-left: auto;
margin-right: auto;
}