/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

input, textarea {
	padding: 2px 5px;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

h1, h2, h3 {
	margin-top: 1.5em;
	font-weight: normal;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 1.5em;
	line-height: 160%;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	color: #CC6B47;
}

a:hover {
	text-decoration: none;
	color: #3760BF;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
    border: 2px solid #660000;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

hr {
	display: none;
}

/* Header */

#header {
	height: 130px;
	margin: 0 auto;
	background: #660000;
}

#logo {
	width: 800px;
	height: 200px;
	margin: 0 auto;

}
#logo img
{
  float: left;
  display: inline;
  margin-right: 50px;
	}


#logo h1, #logo h2
	{
	margin: 0;
	letter-spacing: -0.05em;
	font-weight: normal;
	color: #FFFFFF;
	}

#logo h1 {
	float: left;
	padding-top: 40px;
	font-size: 4em;
	}

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
	}

#logo h2 {
	float: left;
	padding: 67px 0 0 8px;
	font-size: 2em;
	font-style: italic;
	color: #858585;
	}

/* Menu */

#menu-wrap {
	background:#660000;
	}

#menu {
	width: 735px;
	height: 50px;
	margin: 0 auto;

	}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	}

#menu li {
	display: inline;
	}

#menu a {
	float: left;
	margin-right: 6px;
	padding: 5px 20px 5px 20px;
	background: #4C4D51;
	border: 1px #575C5F solid;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: none;
	background: #983D3A;
	border: 1px #D45951 solid;
}

#menu .first a {
	background: #983D3A;
	border: 1px #D45951 solid;
}

/* Page */

#page {
	width: 778px;
	margin: 0 auto;
}

#content {
 position:absolute;
  bottom:-15px;
  width:100%;
  background:#FFFFF;
  border-bottom: 4px #BBB082 solid;
  border-top:4px #BBB082 solid;
  height: 14px;
}
#todo
{   margin:0px;
   width: 800px;
   height: 320px;


}
  #tit
  {
    margin: 0 0 5px 0;
    	color: #CC6B47;

  }

   #tit2
  {    	color: #CC6B47;
    margin: 3px;
  }


#sub
{
  margin: 0px auto;
  width: 500px;
   height: 305px;

}
#sub span
{
display:inline-block;
margin: 5px;
width:63px;
height:18px;
font-weight: bold;

}
.txt
{
  display: inline-block;
  width:150px;
  height:15px;
}
.btn
{
  height:30px;
  margin:5px 5px 0 0;

}
#btns
{
  margin: 0 auto;
  width: 150px;
  height: 40px;

}


/* Post */

.post {
}

.post .title {
	margin: 0;
}

.post .title a {
	text-decoration: none;
}

.post .byline {

	margin: 0 0 30px 0;
	line-height: normal;
    position: absolute;

}


.post .meta {
	clear: both;
}

.post .meta a {
	text-decoration: none;
	font-weight: bold;
}

.post .meta a:hover {
	text-decoration: underline;
}

.post .meta .comments {
	padding-left: 20px;
	background: url(images/img07.gif) no-repeat left center;
}

.post .meta .permalink {
	padding-left: 20px;
	background: url(images/img08.gif) no-repeat left center;
}

/* Latest Post */

.entry{
    width: 450px;
  position:absolute;
  top:80px;
  left:320px;
  color:#8B4513;
}


#contenido{

    position:absolute;
    height:380px;
    width:800px;
    left: 50%;
    top: 50%;
     margin-top: -100px;
      margin-left: -400px;


}


#linea
{
  width: 100%;
  background: white;
  margin: 0px;
}

#linea p
{
  width: 800px;
  margin: 0 auto;
  text-align: center;
   color:white;
   font-weight: bold;
  height: 22px;

 background:  #BBB082;
}


#con {  position:relative;
	width: 778px;
	margin: 0 auto;
	padding: 0 0 20px 0;

}



#con h1 {
	margin: 10px 0;
	padding: 0;
}

#con p {
	margin: 0;
	padding-bottom: 15px;
}

#con .meta {
	padding: 10px 0 0 0;
}

#con .byline {
	margin: 0 0 10px 0;
	padding: 10px 0;
	background: #BBB082;
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
    text-align: center;
    width: 100%;
}

#con .byline span {
	padding: 0 0 0 15px;
}

#con .byline a {
	padding: 0 30px 0 0;
	background: url(images/img05.gif) no-repeat right top;
	text-decoration: none;
}

#con .byline a:hover {
	text-decoration: underline;
}

/* Recent Posts */

#recent-posts {
  height:14px;
	width: 800px;
	margin: 0 auto;
}

#recent-posts p {
	margin: 0;

	background: #BBB082;
	letter-spacing: .5em;
       height:14px;
	text-align: center;
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
}

#recent-posts h3 {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 1.4em;
}

#recent-posts h3 a {
	text-decoration: none;
}

#recent-posts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#recent-posts li {
	float: left;
	width: 240px;
	padding-left: 29px;
}

#recent-posts li.first {
	padding: 0;
}

#recent-posts .byline {
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 1px #DDD7C0 solid;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}

#recent-posts .byline span {
}

#recent-posts .byline a {
	padding: 0 30px 0 0;
	background: url(images/img05.gif) no-repeat right top;
	text-decoration: none;
}

#recent-posts .byline a:hover {
	text-decoration: underline;
}

#recent-posts p {
	padding: 0;
	margin: 0;
}
/*QUIENES sOMOS*/
 #intro
 {    color:#8B4513;
 width: 750px;
 margin: 0px auto;

 }
 #logos
 {
   width: 775px;
   height:70px;
    margin-top:20px;

/*  background:url(images/fnd-logos.png);*/
 }
 #logos ul
 {
   width: 100%;
   margin: 0px;
 }


 #logos ul li
 {
        margin-left: 25px;
   display: inline;

   height: 60px;
   width:100px;
   margin-top: auto;

 }
#logos ul li img
{  margin: 0px;
    margin-top: 3px;

}
/* TERMINA QUIENES*/



/*MISION*/
#mision
{
  width: 380px;
  float:left;
 color: #8B4513;


}
#mision img
{     width:270px;
    height:180px;
float: right;
}


#vision
{
 width: 380px;
position:absolute;

 color: #8B4513;
 top:20px;
 left:  390px;
}
.centrar
{
  width: 280px;
  height: 190px;
  margin: 0px auto;
}


 .title2
 {   width:100%;
 height:30px;
   	font-size: 2.1em;
	color: #CC6B47;
    text-align: left;
    margin-bottom: 5px;


 }
 #vision a
 {
    text-decoration: none;
 }
 #vision img
 {
  width:270px;
  height: 180px;
  display:block;
  margin-left: 120px;
  margin-bottom: 0px;

 }



/*TERMINA MISION*/







/*FILOSOFIA*/
 #filosofia
 {
   width:350px;
   color:#8B4513;
   float: left;
   padding-left: 20px;
   padding-top: 10px;

 }
 #imagen
 {
 width: 360px;
 height: 300px;
 position:absolute;
 top:30px;
 left:405px;
 margin-right: 80px ;

 }
  #collage
  {
    position: absolute;

  }
  #collage2
  {
    position: absolute;
    top: 90px;
    left: 50px;

  }
    #collage3
  { position: absolute;
    top: 160px;
    left: 150px;
  }
      #collage4
  { position: absolute;
    top:10px;
    left:150px;
   }
        #collage5
  {
    position: absolute;
    top:100px;
    left:195px;
   }
        #collage6
  {
    position: absolute;
     top: 140px;
    left: -20px;
  }


/*TERMINA FILOSOFIA*/







/*CONTACTANOS*/
#contactanos
{   position:absolute;
 	width: 300px;
 	height: 270px;
 	margin: -20px 455px;
    color:#8B4513;
    text-align: center;
	z-index:10;
}
#camion1
{
  position: absolute;
  top: 70px;
  left:-35px;
  width: 450px;
  height: 250px;
  z-index:1;
}










/*FILIALES*/

#mangueras
{
	margin-top:5px;
    margin-left:40px;
  	width: 700px;
    height:120px;
 	color: #8B4513;

}

.centrar2
{
   	width:160px;
   	height: 150px;
   	margin-left: 20px;
	margin-top:20px;

    display: inline;
}

.centrar3
{
   	width:160px;
   	height: 150px;

	margin-top:20px;

    display: inline;
}

#mangueras img
{
	width:160px;
	height:120px;
  	border:2px solid #CC6B47;

  }


#mangueras p
{   float:left;
  	width:500px;
      margin-left:20px;
         margin-right:20px;
         margin-top:5px;
      display: inline;

}






#rancho
{
margin-top:5px;
 width: 700px;
 height:120px;

 color: #8B4513;
  margin-left:40px;
}
#rancho img
{     width:160px;
height:120px;
  border:2px solid #CC6B47;

}
#rancho p
{  float:right;
  	width:500px;
   display: inline;
     margin-top:5px;
}


#explosivos
{
margin-top:5px;
 width: 700px;
 height:120px;
 margin-left:40px;
 color: #8B4513;
}
#explosivos img
{     width:160px;
height:120px;
  border:2px solid #CC6B47;

}
#explosivos p
{  float:right;
  	width:500px;
   display: inline;
     margin-top:5px;
}


/*FILIALES*/



  /*LOCALIZACION*/
#local
{
    color: #8B4513;
    text-align: center;
}
#mapa
{
    position:absoulte;
    top: 40px;
    left: 220px;
    width: 356px;
    height: 205px;
}
#mapa img
{
    border: solid 1px  #8B4513;
}
  /*LOCALIZACION*/


  /*CATALOGOS*/
   .cat1
   {    width: 700px;
        height: 100px;
        margin-bottom: 15px;
        margin-left: 15px;
   }

   .cat1 img
   { float: left;
     margin:12px 12px;
     display: inline;
     border: 2px solid  gainsboro ;
   }

    .cat1 span
   {  float:left;
    width:564px;

 	color: #CC6B47;
    font-weight:bold;
     display: inline;
     padding:3px;
     border-bottom: 2px solid gainsboro;
   }

    .cat1 p
   {  float: left;
     display: inline;
     width:550px;
      color:#8B4513;
   }
    /*CATALOGOS*/

/* Footer */
#footer {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	background: url(images/img11.gif) repeat-x;
	text-align: center;
    height:20px;
     background: blue;

}

#footer p {
	margin: 0;
	font-size: .8em;
	color: #666666;
}