/*---------------------------------------------------------------------------------------
layout.css Este archivo contiene los estilos css que determinan el diseño de nuestro Sitio
--------------------------------------------------------------------------------------*/
 .fondo {
    background:url(../images/fondoheader5_s1.jpg) center top no-repeat #fff;
}
#logo {
    display:block;
    width:850px;
    height:170px;
    background:url(../images/logo_s1.png) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    margin:auto;
}
#menu-principal {
    height:34px;
    width: 930px;
    font: menu;
    margin:auto;
    background:url(../images/fondomenu_s1.gif);
    position:inherit;
    overflow:hidden;
}
#slide {
    margin: 20px;
}
#articulo1 {
    background:url(../images/fondoart1.gif) bottom left no-repeat;
    width:930px;
}
#contenido {
    width:927px;
    margin: 15px auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #ffffff;
}
#host {
    width:930px;
}
.formulario {
}
#userForm {
    background:url(../images/fondoart1.gif) bottom left no-repeat;
    width:930px;
    margin: 15px auto;
}
#footer {
    background:url(../images/foter1.jpg) center no-repeat;
    background-position: bottom center;
   background-size: 100%;
    padding-bottom: 1px;
}
/*
background:url(../images/foter1.jpg) center no-repeat ;
background:url(../images/fondomenuprin_s1.jpg) left no-repeat;
background:url(../images/1.jpg) repeat x ;
         position:fixed; 
         bottom:0; 
         right:0;
         width:100%

<p style="text-align: center;"><img alt="foter1" src="images/foter1.jpg" height="185" width="1090" />
	
	background:url(../images/fondomenufin.jpg) right no-repeat;	
#contenido {
       margin: 15px;
       }
 max-width: none;
 border: 0 none;
    	font-size: 100%;
    	margin: 0;
   	outline: 0 none;
    	padding: 0;
    	vertical-align: baseline; 
*/

/*--------------------------------------------------------------------------------------------------
 Clase .clearfix: Esta clase hacer que los elementos no flotantes que contienen elementos flotantes,
 adapten su altura en base a los elementos flotantes que contienen.
 --------------------------------------------------------------------------------------------------*/
 .clearfix:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html > body .clearfix {
    display: block;
    width: 100%;
}
* html .clearfix {
    height: 1%;
}