/* CSS Document */


/* resetea todos los margenes de la web  y fuentes */
/* * {margin: 0 ; padding: 0 ; font-family: arial; font-size: 1em ; font-weight: normal; }*/
* {margin: 0; padding: 0 ; font-family: arial; font-size: 1em ;}

body    {width:1000px ; margin:5px auto ; background-image:url("img/pellet01.jpeg"); }
h1 		{color: #0000FF; font-size: 30px ; font-family: serif; font-weight: bold ; 
		top: 25px; left: 30%; }
h2      {color: #0000FF; font-weight: bold ; font-size: 1,4em}
h3 		{color: #5C5746; font-weight: bold ;font-size: 1em }
h4 		{color:#0000FF  }		
header 	{width:1000px ;height:70px; background-color: #FFFFFF ; border-top-left-radius: 10px ;
			 border-top-right-radius: 10px ;
			 background-image: url("img/logo_pellets.png");
			 background-repeat: no-repeat;
			 background-position: 60px 5px }

nav 	{width: 1000px  ;background-color: #08266E  ;height:40px;}

nav ul    	{ margin-left: 50px}
nav li    	{float:left; list-style-type: none ; margin:11px 40px 0px 10px; font-size: 20px; }
nav a         {color:#D2D833 ; text-decoration:none ; display: block ;}
nav a:link    {}   /* enlaces no visitados *
nav a:visited {}   /* enlaces visitados */
nav a:hover   {color:#DD1740 ; text-decoration:none ; background-color:#000000}   /* el usuario pasa el cursor por encima */
nav a:active  {}   /* enlaces activos */

figure {width:1000px; height:200px ;  }

section { width: 1000px ;  background-color:#FFFFFF;  float: left; }

aside { width: 150px; background-color:#C51FBD;  }

article{ width: 750px; }


figcaption 	{width: 980px; height: auto;  background-color: #FFFFFF ; text-align: justify; padding: 10px ; }
figcaption p {color: black; font-family: Arial ; font-size: 1em; font-weight: normal; }

footer { clear: both;
		 width:1000px ; background-color: #FFFFFF ; border-bottom-left-radius: 10px;
          border-bottom-right-radius: 10px; text-align: left;}

footer li {text-align:left ;margin: 0 30px 10px;font-size: 1em}
footer a         {color:#000000 ; text-decoration:none ; display: block ; }
footer a:link    {}   /* enlaces no visitados */
footer a:visited {}   /* enlaces visitados */
footer a:hover   {color:#0000FF ; text-decoration:none ;}   /* el usuario pasa el cursor por encima */
footer a:active  {}   /* enlaces activos */
footer p { text-align: center;}

.publi {
	display: box;
	box-orient: horizontal;

	display: -moz-box ;
	-moz-box-orient:horizontal ;
	
	display: -webkit-box;
	-webkit-boxorient: horizontal;
}