/**
 * Color definition (pantones)
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	/*vertical-align: baseline;*/
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 1.6;
}


body {
  background: #336699;
  background-image:URL(../images/blue.jpg);
  background-repeat: no-repeat;
  
}

#condiciones {
  background-image: none;
  background: #FFFFFF;
}

h1 {
  color: #999999;
}

/* ########## 
   NAVIGATION  
   ##########  */

#menuwrapper {
	width: 100%;
	height: 70px;
	margin-top: 0px;
	margin-left: 300px;
	background-image: URL(../images/header_bg.gif);
	
    /*FILTER: Alpha(Opacity=65);
	-moz-opacity: 0.65; 
	opacity: 0.65;*/
}

#menuwrapper a {
 	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 25px;
	padding-bottom: 25px;

}

#menuwrapper a:hover {
	color: #FFFFFF;
	background-color: #000000;
	background: url(../images/navi_bg.jpg);
}

.nav {
    font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	padding-left: 20px;
	padding-top: 40px;
	padding-bottom: 7px;

}

/* ############ 
   LOGO
   ############  */
#logo_container {
    width: 300px;
	height: 212px;
	background-image: url(../images/logo.jpg);
	position: absolute;
	top: 0px;
	left:0px;
	float: left;
}
   

/* ############ 
   FLASH 
   ############  */
#flash_container {
    width: 300px;
	height: 400px;
	background-color:#AAAAAA;
	position: absolute;
	top: 220px;
	left:0px;
	float: left;
}

#flash_container p {
    padding: 15px;
    color: #333333;
	font-weight: bold;
}

#flash_container a {
    text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#flash_container a:hover {
    text-decoration: underline;
}

#flash_container #selected_web {
    display: none;
}
   
#address_container {
    width: 296px;
	background-color:#AAAAAA;
	position: absolute;
	top: 430px;
	left:0px;
	float: left;
	border: 2px #999999 dotted;
}


/* ############ 
   PAGE CONTENT  
   ############  */

#content {
   width: 100%;
}

#content_primary {
   color: #FFFFFF;
   width: 550px;
   margin-left: 330px;
   margin-top: 20px;
}

#content_primary h2{
   font-size: 16px;
}
#content_secondary {
   float: right;
}

#intro ul li{
    padding-left: 15px;
	background: url(../images/bullet.gif) no-repeat 0 4px;
}

#intro a, a:visited {
   padding: 10px;
   color: #FFFFFF;
   text-decoration: none;
}

#intro a:hover, a:active {
   color: #000066;
   background: #FFFFFF;
   text-decoration: none;
}

#table {
}

#table td {
   height: 80px;
}

#table a, a:visited { 
   /*padding-bottom: 15px;
   padding-top: 10px;*/
   padding-left: 0px;
   color: #FFFFFF;
   text-decoration: none;
   line-height: 2em;
}

#table a:hover, a:active {
   text-decoration: underline;
}
#table a img{
  border: 1px #999999 solid;
}
#table a:hover img{
  border: 1px #ffffff solid;
}

#project_container {
  margin-top: 20px;
}
#project_container ul.proyectos { list-style: none; margin: 0; padding: 0 0 65px 0;}
#project_container ul.proyectos li img { width: 150px;  padding: 0; margin: 0; }
#project_container ul.proyectos li { float: left; width: 150px; height: 110px; border: none; clear: none; background-color: #cfd1c8; margin: 0 10px 10px 0; padding: 0; }
#project_container ul.proyectos li a:link, #project_container ul.proyectos li a:visited { width: auto; height: 110px; text-decoration: none; display: block; padding: 0; margin: 0; border: 2px solid #999; }
#project_container ul.proyectos li a:hover { border: 2px solid #333; }
#project_container ul.proyectos li span { display: none; }


#formulariocontacto {
   padding-left: 20px;
}

#formulariocontacto p{
   margin-left: 10px;
   margin-top: 10px;
}
#formulariocontacto input{
   margin-top: 5px;
}
#formulariocontacto .formcaption{
   border: 1px #FFFFFF solid;
   background: #999999;
   margin-top: 10px;
}

#formulariocontacto td {
}