*{
    margin: 0px;
    padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
}
.imagepress{
   margin: 10px 7px 5px 12px;
   display:inline-block;
   float:left;
}
h1{

  font: xx-large ;
}
h2{

  margin-top:22px;
  display:inline-block;
  text-align: left;
  font-size: 18px ;
  padding: 5px;
  color: #6495ED;
}


body{
    text-align: center;
    background-color: #FFFFFF;
  }
  #centrado{
     display: inline-block;
    width: 960px;
    height: auto;
    background-color: #FFFFFF;
  }
  #contenido3d{
     display: inline-block;
    width: 960px;
    height: 460px;
    background-color: #FFFFFF;
  }
   #cabezal{
float: left;
width: 100%;
background-color: #FFFFFF;
text-align: left;
  }
  .title
  {
 float: right;
  font-size: larger;
  margin: 1%;
  font-family: Arial, Helvetica, sans-serif
}
.imagenes{
  margin: 15px;
  float:left;
}
.textonatural{
  font-size: 12px;
  text-align: left;
  margin: 13px;
}
.textonaturaltitulo{

  font-size: 15px;
  text-align: left;
  margin: 22px;
  font-weight: bold;
}


.modulocontacto
{
  width: 960px;
  height: auto;
  background-color: #FFFFFF;
  text-align: center;
}
#form_box {
	display:inline-block;
    width: 960px;
	background: #FFFFFF;
	font:1em Arial, Helvetica, Sans-serif;
}

#form_box div {
	padding: 0.5em 0.5em;

}

#form_box div.hr {
	border-bottom: 2px solid #E0FFFF;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}

#form_box p {
	float: left;
	margin: 3px 0pt;
	width: 80%;
    background-color: #CCFFFF;

}


#log {
	width: 960px;
	margin-top: 10px;

}

#log_res {
	overflow: auto;  font:1.2em Arial, Helvetica, Sans-serif; text-align:left; margin:10px;
}

#log_res.ajax-loading {
	padding: 20px 0;
  background: url(spinner.gif) no-repeat center ;
}
#submitter {
  clear: both;
  display: inline-block;
  float: right;
  margin: 5px;
  font-size: medium;


}
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 960px;
height: 260px; /* Set height to be able to contain height of largest content shown*/

overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
visibility: hidden;
width: 960px;
background-image: url(imagenes/fonderajax.jpg);
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 960px;
margin-top: 5px;
margin-bottom: 12px;
text-align: center;
background: #ADD8E6; /*always declare an explicit background color for fade effect to properly render in IE*/
 background-image: url(imagenes/Untitled-1.jpg);
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
background-image: url(imagenes/Untitled-1.jpg);
display: -moz-inline-box;
display: inline-block;

color: #E0FFFF;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background-image: url(imagenes/Untitled-2.jpg);
color: #696969;
}

.glidecontenttoggler a:hover{
background-image: url(imagenes/Untitled-2.jpg);
color: #696969;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{

background-image: url(imagenes/Untitled-2.jpg);
}