/*
	Tuberias 2011
*/



#principal, table
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
    margin: 0;
    padding: 0;
}

body
{
  margin: 0 0;
  padding: 0;
  color: #FFFFF;
  background-color: #FFFFF;
  background-image: url('../images/Middle_texture.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: center center;
}


.contenido,
.contenido img,
.contenido li,
.contenido table,
.contenido a,
.contenido a:link,
.contenido a:visited,
.contenido a.visited,
.contenido a:hover,
.contenido a.hovered
{
    font-family: Arial, Helvetica, Sans-Serif;
}
.contenido p
{
    margin: 12px 0 12px 0;
}
 #displayed
{
    display: block;
	margin-top:5%;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	float:center;
}
	

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 24px;
  text-align: left;
  letter-spacing: 3px;
}

.contenido a
{
  text-decoration: underline;
  letter-spacing: 1px;
  color: #4B570F;
}

.contenido a:link
{
  text-decoration: underline;
  letter-spacing: 1px;
  color: #4B570F;
}

.contenido a:visited, .contenido a.visited
{

  color: #5B6138;
}

.contenido  a:hover, .contenido a.hover
{

  text-decoration: none;
  color: #708217;
}


#principal
{
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  }


#fondo-principal
{
  position: absolute;
  background-image: url('../images/Middle_texture.jpg');
  background-repeat: no-repeat;
  background-position: center 50%;
  background-attachment: fixed;
  width:100%;
  
  
}

#img_box{
display: block;
table-layout:center;
}

.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1px;
}

form
{
  padding: 0;
  margin: 0;
}

table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}

.hoja
{
  position: relative;
  margin: 0 auto;
  min-width: 143px;
  min-height: 143px;
}

.hoja-body
{
  position: relative;
  padding: 37px;
}

.hoja-tr, .hoja-tl, .hoja-br, .hoja-bl, .hoja-tc, .hoja-bc,.hoja-cr, .hoja-cl
{
  position: absolute;
}

.hoja-tr, .hoja-tl, .hoja-br, .hoja-bl
{
  width: 282px;
  height: 282px;
  background-image: url('../images/sheet_s.png');
}

.hoja-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 141px, 141px, auto);
}

.hoja-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 141px, 141px);
}

.hoja-bl
{
  bottom: 0;
  left: 0;
  clip: rect(141px, 141px, auto, auto);
}

.hoja-br
{
  bottom: 0;
  right: 0;
  clip: rect(141px, auto, auto, 141px);
}

.hoja-tc, .hoja-bc
{
  left: 141px;
  right: 141px;
  height: 282px;
  background-image: url('../images/sheet_h.png');
}

.hoja-tc
{
  top: 0;
  clip: rect(auto, auto, 141px, auto);
}

.hoja-bc
{
  bottom: 0;
  clip: rect(141px, auto, auto, auto);
}

.hoja-cr, .hoja-cl
{
  top: 141px;
  bottom: 141px;
  width: 282px;
  background-image: url('../images/sheet_v.png');
}

.hoja-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 141px);
}

.hoja-cl
{
  left: 0;
  clip: rect(auto, 141px, auto, auto);
}

.hoja-cc
{
  position: absolute;
  top: 141px;
  left: 141px;
  right: 141px;
  bottom: 141px;
  background-image: url('../images/sheet_c.png');  
}

.hoja
{
  top: 10px;
  margin-bottom: 10px;
  cursor:auto;
  width: 90%;
}


.superficie
{
  display: table;
  width: 100%;
  height:100%;
  table-layout:center;
  border-collapse: collapse;
  background-color: Transparent;
  border: none ;
  padding:0 ;
}
.cell, .superficie-row
{
  background-color: Transparent;
  vertical-align: top;
  text-align: left;
  border: none ;
  margin:0 ;
  padding:0 ;
}
.superficie .superficie{width: auto;margin:0;}
.superficie .cell, .superficie .cell .superficie .cell{display: table-cell;}
.cell .cell{display: block;}
.superficie-row {display: table-row;}
.vista-superficie{position:relative;}


.bloque
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.bloque-body
{
  position: relative;
  padding: 7px;
}


.bloque
{
  margin: 5px;
}


.bloqueContenido
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.bloqueContenido-body
{
  position: relative;
  padding: 0;
}


.bloqueContenido-body, 
.bloqueContenido-body li, 
.bloqueContenido-body a,
.bloqueContenido-body a:link,
.bloqueContenido-body a:visited,
.bloqueContenido-body a:hover
{
  color: #000000;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

.bloqueContenido-body p
{
  margin: 6px 0 6px 0;
}

.bloqueContenido-body a
{
  color: #708217;
  text-decoration: underline;
}

.bloqueContenido-body a:link
{
  color: #708217;
  text-decoration: underline;
}

.bloqueContenido-body a:visited, .bloqueContenido-body a.visited
{
  color: #5B6138;
  text-decoration: none;
}

.bloqueContenido-body a:hover, .bloqueContenido-body a.hover
{
  color: #96AD1F;
  text-decoration: none;

}

.bloqueContenido-body ul li
{
  line-height: 125%;    
  color: #090A06;
  margin: 0 0 0 12px;
  padding: 0 0 0 13px;
  background-image: url('../images/blockcontentbullets.png');
  background-repeat: no-repeat;
}


.bloque select 
{
    width:96%;
}


.post
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.post-body
{
  position: relative;
  padding: 20px;
}


.post
{
  margin: 25px;
}

a img
{
  border: 0;
}

.pieza img, img.pieza
{
  border: solid 0 #CFDB9E;
  margin: 10px;
}


.pieza table, table.pieza
{
  border-collapse: collapse;
  margin: 1px;
}

.pieza th, .pieza td
{
  padding: 2px;
  border: solid 1px #889254;
  vertical-align: top;
  text-align: left;
}

.pieza th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
 
}

pre
{
  overflow: auto;
  padding: 0.1em;
  float:left;
}



div.cell-size1 
{
    width:100%;
}

div.cell-size2 
{
    width:50%;
}
div.cell-size3 
{
    width:33%;
}

div.cell-size4
{
    width:25%;
}