@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}


body {

    	background-image: url(img/damascdarc.jpg);
	    background-repeat: repeat;
		
		font: 100% Helvetica, sans-serif;

    	

    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */

    	padding: 0;

    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */

    	color: #000000;

    }

    .oneColLiqCtrHdr #container {
	width: 900px;  /* esto creará un contenedor con el 80% del ancho del navegador */
	background: transparent; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: center; /* esto anula text-align: center en el elemento body. */
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 10;
	margin-left: auto;
    }

    .oneColLiqCtrHdr #header {
	
	background-color : transparent;
	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	
    }

    .oneColLiqCtrHdr #header h1 {

    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */

    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */

    }

    .oneColLiqCtrHdr #mainContent {
	background: #FFFFFF;
	margin-top: 10px;
	padding-top: 0;
	padding-right: 110px;
	padding-bottom: 0;
	padding-left: 110px;
	width: 680px;
	border-top-width: 30px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 30px;
	} 
	
    .oneColLiqCtrHdr #footer {
	padding: 0 10px;
	background-color: #666666;
	height: 240px;
	margin-bottom: 20px;
    } 
	
	.footermini {
	padding: 0;
	background-color: #666666;
	width: 140px;
	height: 180px;
	float: left;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 20px;
	margin-left: 40px;
	text-align:justify;	
    } 

    .oneColLiqCtrHdr #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
	font-size: 10px;
	text-align:reset;
	color: #CCCCCC;
    }
	

	#footer a  {
	text-decoration: underline;
	color: #CCCCCC;
}
	#footer a:hover  {
	text-decoration: underline;
	color: #FFFFFF;
}
	
	/******************************************* dreamweaver *******************************************/
	
	
	* {
	font-family: Helvetica, Arial, sans-serif;
}

a {
	text-decoration: none;
	color: #8b9f23;
	font-family: Helvetica, Arial, sans-serif;
	
}
a:hover {
	text-decoration: underline;
}

p {
	font-size: 14px;
	color: #666666;
	font-family:Helvetica, Arial, Courier New, verdana;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: justify;
}

h1 {
	font-size: 36px;
	color: #666666;
	font-family:Helvetica, Arial, Courier New, verdana;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}

h2 {
	font-size: 28px;
	color: #666;
	font-family:Helvetica, Arial, Courier New, verdana;
	text-align: center;
	text-decoration: none;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}

h3 {
	font-size: 28px;
	color: #666;
	font-family:Helvetica, Arial, Courier New, verdana;
	text-align: center;
	text-decoration: none;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
}

h4 {
	font-size: 16px;
	color: #666;
	font-family:Helvetica, Arial, Courier New, verdana;
	text-align: center;
	text-decoration: none;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}
	
	/******************************************* font *******************************************/
	#feedControl {
	margin-top : 20px;
	margin-left: auto;
	margin-right: auto;
	width : 680px;
	height: 50px;
	font-size: 16px;
	color: #9CADD0;
	float: right;
	margin-bottom: 20px;
}
	
	#destacado {
	background-color: #FFFFFF;
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding-bottom: 10px;
	height: 320px;
}

.minix {
	width: 320px;
	height: 320px;
	float: left;
	padding: 5px;
	
	/*border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;*/
	
}
.minix:hover {
	cursor: default;
	background-color: #333333;
}
.minix img{
	float: left;
	margin: 10px;	
	}
	

.minixd {
	width: 320px;
	height: 320px;
	
	float: right;
	padding: 5px;
	
/*	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;*/
	
}
.minixd:hover {
	cursor: default;
	background-color: #333333;
}
.minixd img{
	float: left;
	margin: 10px;	
	}

.mini {
	width: 298px;
	height: 280px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	padding: 20px;
	text-align: center;
	border: 1px solid #FFFFFF;
	background-color: #FAFAFA;
}

.mini:hover {
	background-color: #FFFFFF;
	cursor: default;
	
}

.mini img{
	float: none;
	margint: 10px;
}

.mini p{
	text-align: justify;
	float: none;
	margin: 10px;
	width: 278px;
}

#contenido2 {
	width: 680px;
	height: 680px;
	min-height: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 20px;
}

#pie {
	padding-bottom: 20px;
	text-align: center;
	color: #FFFFFF;
	height: 50px;
	width: 900px;
}
#pie h2 {
	color: #666;
}
#top {
	float: right;
	margin-right: 30px;
	margin-top: 30px;

}

#social {
	padding: 0px;
	height: 50px;
	background-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 30px;
}

	div .plusone, .fb-like {
    font-size: 1px;
    display: inline-block;
}
div .fb_reset {
    display: inline;
}