/*----------------------------------------------------

CSS de construccion para Caerxon!

version:   1.0

date:      02/07/2007

author:    [David Leonardo Lopez Gonalez]

email:     [ dleonardo.lopez@gmail.com ]

website:   [www.proyectandola.com]

Maquetación:

Created by Keith Donegan of Code-Sucks.com

E-Mail: Keithdonegan@gmail.comEsta dirección de correo electrónico está protegida contra los robots de spam, necesita tener Javascript activado para poder verla

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

------------------------------------------------------*/





/* Estilos globales 

------------------------------------------------------*/



* { padding: 0; margin: 0; }



body {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 12px;

}



a{

	text-decoration:none;

	color: #235033;

}

a:link {

	color: #009900;

	text-decoration: none;

	font-weight: bold;



}

a:visited {

	color: #1F3473;

	font-weight:bold;

}



a:hover {

	text-decoration: underline; 

}



.verde {

	color: #098E41;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

}

.azul {

	color: #1F3473;

}



li {

	list-style:none;

}

 

li a {

	font: 1.1em Georgia, "Times New Roman", Times, Serif;

	color:#046380;

}

 

li a:hover {

color: #4A8797;

}



a img {border:none;position:relative;top:0;left:0;}

/* Header

------------------------------------------------------- */



.header-txt {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	vertical-align: middle;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 5px;

}



.logo {

	background-position:center;

	background-repeat:no-repeat;

	margin-bottom:2px;

}

.logo-en {

	background-position:center;

	background-repeat:no-repeat;

	margin-bottom:2px;

}



/* Maquetación

------------------------------------------------------*/

#wrapper { 

 margin: 0 auto;

 width: 822px;

 border-color:gray;

 border-width:1px;

 border-style:solid;

}

#faux {

 margin-bottom: 5px;

 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */

 width: 100%

}

#header {

 width: 802px;

 height: 57px;

 padding:10px;

 /*background-image:url(../images/header-bg.jpg);*/

 background-repeat:repeat-x;

}

#flash-container {

 color: #333;

 width: 800px;

 padding: 10px;

 height: 120px;

 margin: 0px 0px 5px 0px;

}

#rightcolumn { 

 display: inline;

 margin: 0px 0px 0px 0px;

 padding: 0px;

 width: 270px;

 float: right;

}

#leftcolumn { 

 float: center;

 color: #333;

/* border: 1px solid red;*/

 margin: 10px 0px 0px 20px ;

 padding: 0px;

 width: 524px;

 display: inline;

 position: relative;

}

#footer { 

 width: 800px;

 clear: both;

 margin: 0px ;

 padding: 10px;

 background-image: url(../images/bar_footer.jpg);

 background-position:top;

 background-repeat:no-repeat;

}

.clear { clear: both; background: none; }



/* Estilos para el sitio



------------------------------------------------------*/

.form-txt {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

}





.content{



	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	vertical-align: top;

	text-align: justify;

	background-image:url(../images/bar_h.jpg);

	background-position:right top;

	background-repeat:no-repeat;

	

}



table.content td {

	vertical-align:top;

}



.content-left {



	background-attachment: scroll;

	background-image: url(../images/row_bg.png);

	background-repeat: no-repeat;

	background-position: center;

	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 5px;

	padding-left: 10px;

}

.content-right {



	background-attachment: scroll;

	background-image: url(../images/row_bg.png);

	background-repeat: no-repeat;

	background-position: center center;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 5px;

	padding-left: 5px;

}



.footer {



}



.footer-txt {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #1F3473;

	vertical-align: middle;

	padding-bottom: 20px;

	padding-right: 20px;

	padding-left: 25px;

}



table.footer-txt td {

	height:30px;

}



.footer-credits {

	/*background-color:#76D4F8;

	color:#FFFFFF;*/

}





.right-column{

	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	vertical-align: top;

	text-align: justify;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 15px;

	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 15px;

	padding-left: 20px;

}

.form_fields {

	BORDER-RIGHT: #000066 1px solid; 

	BORDER-TOP: #000066 1px solid; 

	BACKGROUND-IMAGE: url(../images/bg_fields.png); 

	font-size: 11px;

	BORDER-LEFT: #000066 1px solid; 

	color: #666666;

	BORDER-BOTTOM: #000066 1px solid; 

	BACKGROUND-REPEAT: repeat-x; 

	BACKGROUND-COLOR: #ffffff;	

}

.quickform {

	background-image: url(../images/contactus_quickcontact02.png);

	background-repeat: no-repeat;

	height: 233px;

	width: 253px;

	padding-top: 10px;

	padding-right: 25px;

	padding-bottom: 0px;

	padding-left: 25px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

	font-size: 11px;

}



.txt {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

}

.content-left-wimg {



	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 5px;

	padding-left: 10px;

}

.content-right-wimg {



	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 5px;

	padding-left: 5px;

}




/* Navagation Bar*/

ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
align: center
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#485e49;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
}

ul#list-nav li a:hover {
background:#a2b3a1;
color:#000
}

