/* 
-----------------------------------------------------------------------------
GLOBAL DEFAULT ELEMENTS
-----------------------------------------------------------------------------*/
body {
	text-align:left;
	font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
	word-spacing: normal;
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 13px;
	/*color: #959595;*/
	color: #000;
}

a {text-decoration:none; cursor:pointer; color:#000;}
a:focus {-moz-outline:0;outline:0;outline-offset:0;}
a:hover {text-decoration:underline;color:#fe0000!important;}
a:visited {text-decoration:none;}
a img {border:0;} 
	
h1,h2,h3,h4 {font-weight:bold;}
h1 {font-weight:normal; font-size: 1.2em; margin:5px 0 5px 0; color:#000;}
h2 {font-size:15px;margin:0 0 6px 0;}
h3 {font-size:10px;text-shadow:none;text-transform:uppercase;}
h4 {font-size:13px;margin:0 0 6px 0;}

p {margin:0 0 16px 0;}
small {font-size:9px; line-height:1.2;}
strong {font-weight:bold;}

#centeredPage {
position: relative;
width: 976px;
/*margin: 0px auto;*/
padding: 0px 0px 20px 0px;
border:solid 0px red;
}

#container {
	position:relative;
	width: 966px;
	border: 0px solid #000;
	margin: 0px auto 0px auto;
	padding: 5px 5px 5px 5px;
}

#header {
   position: relative;
   margin: 0px 0px 3px 0px;
   padding: 0px 0px 0px 0px;
   border: 0px solid red;
   height: 85px;
}

#header .logoIzq{
	position: absolute;
	left:5px;
	top: 0px;
}

#header #menus{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	border:solid 0px red;
	width: 850px;
}

#header #menus1{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
	width: 100%;
	border:solid 0px red;
	top: 65px;
	z-index:100;
}

#header #submenus{
	position: relative;
	padding: 0px 0px 0px 0px;
	border:solid 0px red;
	height: 19px;
	color: #fff;
	width: 100%;
}

#header #submenus1{
	position: absolute;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
	width: 100%;
	border:solid 0px red;
	top: 97px;
	z-index:100;
}

#content {
	position: relative;
	padding: 0px;
	border: 0px solid blue;
}

#content .inside{
	padding: 0px 10px 0px 10px;
	border:solid 1px #fff;
}

#content .inside p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#footer {
	position:absolute;
	clear: both;
	padding: 0px 0px 0px 0px;
	color: #fff;
	bottom:0px;
	background: #000;
	width: 976px;
	height:24px;
	border-top: 0px solid #666;
}
	
/* 
-----------------------------------------------------------------------------
FORMS GENERAL
-----------------------------------------------------------------------------*/
input, textarea {
	font-size:11px;
	margin:0;
	padding:0;
}

input.radio {width:auto;margin:0;background:transparent;}
input.field-input {margin:2px 0 14px 0;}
/* subsitute for fieldset b/c IE 6 doesnt like inputs wrapped within fieldsets */

input.wide, select.wide, textarea.wide {width:100%;}
input.nomargin {margin:0;}
fieldset {border:0;margin:0;padding:2px 0 14px 0;display:block;position:relative;}
fieldset.short {padding-bottom:8px;}
fieldset.solo {
	padding:10px 0;
	margin:0 0 14px 0;
	display:block;
}

fieldset.install-button {
	text-align:right;
}

fieldset span img {margin-bottom:-2px;}

select {font-size:11px;font-weight:bold;}

form.quad {padding-bottom:8px;}
form.quad td {font-size:10px;width:33%;}
form.quad label {font-weight:normal;}   

/* 
-----------------------------------------------------------------------------
VARIOS
-----------------------------------------------------------------------------*/
.linea {
float: left; width: 100%; height:7px;  border-top: solid 1px #eeeeee;margin: 15px 0px 15px 0px;}

#enlaces a{
    font-size:12px;
    text-decoration: underline;
}
/* 
-----------------------------------------------------------------------------
GRAPHICAL titulares
-----------------------------------------------------------------------------*/
h1.hdr-sub {background-repeat:no-repeat;margin:112px 0 0px 332px;padding:0 0 8px 0;height:24px;}
h1.hdr-sub span {display:none;}
h1#t-vision {background:transparent url(../gifs/titularvision.gif) no-repeat;}

/* 
-----------------------------------------------------------------------------
MENUS
-----------------------------------------------------------------------------*/
#navi {
    list-style:none;
    margin: 0;
    padding:0; 
    position:absolute;
    top: 0px;
    left: 134px; 
    font-size: 18px; 
    height:39px; 
    text-decoration:none;
    line-height:20px;
}
#navi li {
    margin:0px;	
    padding:0px 0px 0px 0px; 
    float:left; 
    border: solid 0px red; 
    text-align:center; 
    color:#000;
    text-decoration:none;
}
/*#navi li a { padding:0px; text-decoration:none!important; text-align:center; background-color:transparent;}
#navi li a:hover {text-decoration:none;}
#navi li a:visited {text-decoration:none;}*/
.selected {text-decoration: underline;color:#fe0000!important;}

/* 
-----------------------------------------------------------------------------
SUBMENUS
-----------------------------------------------------------------------------*/
#navi1 {
    list-style:none;	
    margin:0;	
    padding:0;
    position:absolute;
    top:18px;
    left:134px;
    font-size:18px; 
    height:39px;
    text-decoration:none;
    }
    
#navi1 li {
    margin:0px;	
    padding:0px 0px 0px 0px; 
    float:left; 
    border: solid 0px red; 
    text-align:center; 
    color:#000;
    text-decoration:none;
    }


/* 
-----------------------------------------------------------------------------
HOME
-----------------------------------------------------------------------------*/
.homeContIzq {
position: relative;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border:solid 0px red;
width:355px;
}

.homeContDer {
position: relative;
float: right;
padding: 50px 75px 0px 70px;
margin: 0px 0px 0px 0px;
border:solid 0px red;
width:416px;
text-align: justify;
}

/* 
-----------------------------------------------------------------------------
ABOUT
-----------------------------------------------------------------------------*/
.aboutContent {
position: relative;
padding: 40px 180px 40px 180px;
margin: 0px 0px 0px 0px;
border:solid 0px red;
text-align: justify;
}


/* 
-----------------------------------------------------------------------------
PRODUCTS
-----------------------------------------------------------------------------*/
#container-foot {
  position: relative;
  font-size: .85em;
  padding: 0px 0px 0px 10px;
  color:#999;
}

#foot {
  padding: 0px 0px 0px 0px;
}

#foot a {
  font-family: Trebuchet MS, tahoma, verdana, helvetica, sans-serif; font-size: 12px; color: #000; text-decoration:underline; line-height:20px; 
}

/*

/* 
-----------------------------------------------------------------------------
GALLERY
-----------------------------------------------------------------------------*/
.thumbnailLibros{
    float:left;
    margin: 0px 0px 0px 0px;
    padding:0px;
    border:solid 0px red;
    height: 240px;
  }

.thumbnail{
    float:left;
    margin: 0px 0px 0px 0px;
    padding:0px;
    border:solid 0px red;
  }

.thumbnailPublicaciones{
    position:relative;
    float:left;
    margin: 0px 0px 0px 0px;
    padding:0px;
    border:solid 0px red;
    height: 240px;
    width: 180px;
    border: solid 0px red;
  }
   
.thumbnail a:hover {
		border:0px;
  }
  
.thumbnaimarco{
    float:left;
    margin: 0px 5px 20px 0px;
    padding:5px;
    border:solid 1px #ccc;
  }
    
  .thumbnaimarco a:hover{
    color: #FF0000; text-decoration:underline; 
  }
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  

/* 
-----------------------------------------------------------------------------
MAIL
-----------------------------------------------------------------------------*/
.mailContIzq {
position: relative;
float: left;
padding: 10px 0px 0px 100px;
margin: 0px 0px 0px 0px;
border:solid 0px red;
width:125px;
}

.mailContDer {
position: relative;
float: left;
padding: 15px 75px 0px 30px;
margin: 0px 0px 0px 0px;
border:solid 0px red;
width:416px;
text-align: justify;
}

/**** Form Section ****/

form ul
{
font-size:100%;
list-style-type:none;
margin:0;
padding:0;
width:100%;
}

form li
{
display:block;
margin:0;
padding:4px 5px 2px 9px;
position:relative;
}


.buttons
{
clear:both;
display:block;
margin-top:10px;
}

.buttons a
{
color: #666;
text-decoration: none;
}

.buttons a:hover
{
color: #666;
text-decoration: underline;
}


.clear
{
clear:both;
}



#form_description
{
border-bottom:0px dotted #ccc;
clear:both;
display:inline-block;
margin:0 0 1em;
}

#form_description p
{
margin: 0px 0px 0px 10px;
}


.form_description[class]
{
display:block;
}

.form_description h2
{
clear:left;
font-size:160%;
font-weight:400;
margin:0 0 3px;
}

.form_description p
{
margin: 0px 0px 0px 10px;
}




form hr
{
display:none;
}

form li.section_break
{
border-top:1px dotted red;
margin-top:9px;
padding-bottom:0;
padding-left:9px;
padding-top:13px;
width:98% !important;
}

form ul li.first
{
border-top:none !important;
margin-top:0 !important;
padding-top:0 !important;
}

form .section_break h3
{
font-size:110%;
font-weight:400;
line-height:130%;
margin:0 0 2px;
}
  
form .section_break p
{
font-size:85%;

margin:0 0 10px;
}

.container-text {
    padding: 0px 0px 0px 0px;
    margin: 10px 20px 10px 20px;
    text-align: left;
    width: 700px;
}

#paginador {
  margin: 0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
}

#paginador a {
  font-size: 12px; color: #FF0000; text-decoration:none;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

#paginador p {
  font-size: 12px; text-decoration:none;
  margin: 0px 0px 0px 0px;
  padding: 2px;
}


#dgraficocontentleft {
  position: relative;
  float: left;
  width: 199px;
  height: 420px;
  background: red url(../gifs/silueta3.gif) left 100% no-repeat;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 5px;
}

#dgraficocontentright {
  position: relative;
  float: left;
  width: 80px;
  background: url(../gifs/silueta.gif) right 50% no-repeat; 
  width: 700px;
}

#biografiacontentleft {
  position: relative;
  float: left;
  width: 220px;
  height: 700px;
  background: red url(../gifs/silueta4.gif) left 100% no-repeat;
  padding: 5px 0px 0px 5px;
  margin: 0px 10px 0px 5px;
}

#biografiacontentleft a:hover{
  text-decoration:underline!important; 
  color:#fff!important; 
}

#biografiacontentleft image{padding:0px 5px 0px 0px;}

#biografiacontentright {
  position: relative;
  float: left;
  width: 80px;
  background: url(../gifs/silueta.gif) left 100% no-repeat; 
  width: 700px;
}

#content .hidden {
display:none;
}