@import url("../../reticulas/980-12-20/980_12_20.css");
/*IMPORT GRID
----------------------------------------------------------- */

/**
 * RETICULAS CSSFRAMEWORK - extended/reticulas.css
 *
 * @description     Modifies or extends the basic content
 *                  with classes or IDs - INNOLACT
 *
 * @copyright       Copyright (C) 2011, Sond3
 * @info            http://www.sond3.com
*/

/* REDEFINE - Identifier defined within the folder reticulas
----------------------------------------------------------- */

a{
  color:#004ddb;
}
/*body,*/
#footer    { 
  background-color:#004DDB; /*  #97d8f0;  #8fd2ff*/

}
#page-wrapper    { /*width:940px;
                   margin:0 auto;
                   padding:20px 20px 20px 20px;
                   border:1px solid #CCC;*/
                   width: auto;
                   border: none;
                   padding: 0;

                   /*
                   background-color: #EEE;
                   background: -moz-linear-gradient(100% 50% 90deg, #FFF, #999);
                   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#FFF));
                   */

}
/*
.reticula        { background-position: -20px;}
*/

.marginright0 {margin-right: 0 !important;}

/* COMMON
----------------------------------------------------------- */
/*replace text for images - remember to specify height and width*/
.imageback       { background-color:transparent;
                   background-repeat:no-repeat;
                   font-size:0px !important;
                   margin:0;
                   padding:0;
                   border:none;
                   display:block;
                   overflow:hidden;
                   text-indent: -9999px;
}
.imageback a     { width:100%;
                   height:100%;
                   display:block;
                   height:inherit;
                   text-decoration:none;
}

div.boxcenter    { margin:0 auto; float:none;} /* testting */

/*IMAGES*/

.inner12     { width: 980px;}

 h2, h3, h4, h5, h6{
  font-weight: bold;
 }


/* EXTENDED
----------------------------------------------------------- */


.headerimg1 { background-image: url(../../extended/img/decora/back-header.jpg);}
.headerimg2 { background-image: url(../../extended/img/decora/back-header1.jpg);}
.headerimg3 { background-image: url(../../extended/img/decora/back-header2.jpg);}
.headerimg4 { background-image: url(../../extended/img/decora/back-header3.jpg);}
.headerimg5 { background-image: url(../../extended/img/decora/back-header4.jpg);}



/*
#header .description { 
position: absolute;
     width: 560px;
     min-height: 81px;
         //top:240px;
     top:290px;
     padding-top: 20px;

     background-color: #FFF;

     padding-left: 420px;
     padding-bottom: 15px;

     font-family:'Georgia','Times New Roman',Times,Arial,Serif;
     color: #666;
     font-size: 1.3em;
     line-height: 1.3em;
     font-style:italic;
     border-bottom: 1px dotted #CCC;
}


#header .nav ul li span{
font-family: sans-serif;
font-size:10px;
padding:2px 5px 0px;
color:#000;

position:absolute;
margin-top:-25px;

background-color:#faea1f;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;  future proofing 
-khtml-border-radius: 5px;  for old Konqueror browsers 
}
*/

#header .net { position: relative; top:170px; left: -295px; width: 350px; height: 100px;   }
#header .net .twitt{ margin: 0 15px 0 0; position: relative; top:0; }
#header .net iframe {margin: 10px 0 5px 0px;}



.banners {background-color:#333; 
         position:relative; 
         top:117px;
         padding:15px;
         
         width:950px;
         text-align:center;
}

#content             { width: 940px;
                       margin: 0 auto;
                       /*border-top:1px dotted #202020;
                       padding: 10px 20px 10px 20px;*/
                       padding-top: 10px;
                       padding-bottom: 10px;

                       background-color: #FFF;
                       margin-bottom: 0;

}

#content h2, #content h3 { border-bottom: 1px dotted #999;}

#content ul          { list-style-type: none; margin: 0; }


/*
.news h4             { font-size: 1em;
                      margin-bottom: 10px;
                      font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
*/
p.date {margin-bottom: 17px;}
.newsecondary {padding-top: 28px;}
.newsecondary h3{margin-top: 15px;}
.newsecondary p{color: #999;}


.newsecondary ul li img,
.recipesecondary ul li img {float: left; margin-right: 20px; margin-bottom: 15px;}






/*BUY MAP*/

.buymap li {

	width:460px;
	float:left;
	background-color:#333;
	font-size:18px;
	/*
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	*/
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-image: url(../../extended/img/map/consumidores.png);
	background-position: 5px 0;
}
.buymap li:first-child{ 
	margin-right:20px;
	 background-image: url(../../extended/img/map/profesionales.png);
}

.buymap li a {
	display:block;
	padding:23px 23px 15px 23px;
	padding-left:65px;

	color:#FFF;
}
.buymap li a:hover{
	text-decoration:none;
	background-color:#316dae;
	
	background-position: 5px 0;
	background-repeat:no-repeat;
	background-image: url(../../extended/img/map/consumidores.png);

}

.buymap li:first-child a:hover{
background-image: url(../../extended/img/map/profesionales.png);
}

.buymap li a:focus {
background-color:#316dae;
text-decoration:none;

	background-position: 5px 0;
	background-repeat:no-repeat;
	background-image: url(../../extended/img/map/consumidores.png);
}

.buymap li:first-child a:focus {
background-color:#316dae;
text-decoration:none;

	background-position: 5px 0;
	background-repeat:no-repeat;
	background-image: url(../../extended/img/map/profesionales.png);
}



.btn-decora{
  background-color: #004DDB;
  color: white;
  padding: 1em 2em;
  margin-bottom: 1em;
  display: inline-block;
}

.btn-decora:hover{
  background-color: #0080FB;
  text-decoration: none;
  color: white;
}







/*FUNCIONA EN - IE, FF, SAFARI, CHROME*/

.module9.recipes ul li:first-child {float:left !important;}







ul.socialnet.socialine li {margin-bottom: 20px;}


.resume ul {margin: 0; list-style-type: none;}
.resume ul li{border-bottom: 1px solid #CCC; margin-bottom: 10px;}


.resume p {color: #666; font-size:.9em; line-height:1.3em;}
.resume p.date {width: auto; position: relative; left: 0; border-right:none;
                      margin-left: 0px;
                      float: none;
                      background-color: transparent;
                      text-align: left;
                      margin: 3px 0;
      color:#fff !important;
}

.resume .recipes { margin-top:0;}



.resume .news h4,
.resume .products h4,
.resume .recipes h4,
.recipes h4   { 
  margin-bottom: 0; 
  color: #666; 
  font-size:16px;
}
.resume  .recipes h3 {margin-bottom: 8px;}
/*.resume  .recipes img {margin-bottom: 8px;}*/




.resume .news p{color: #FFF; font-size: 1em;}
/*.resume .news h3 { background-color: #FFF; font-size: 2em;}
.resume .news h3 a{color:#000;}
.resume .news h3 a:hover{ text-decoration: none; color:#999;}

.resume .news h4 {font-size: 18px;}
*/
/*
.resume .news li {width: 210px; float: left; margin: 0 10px; border: none;}
*/

.recipes {margin-top: 26px;}
/*
.recipes li {width: 220px; float: left; margin-bottom: 20px; margin-right: 20px;}
*/
.recipes h3 {margin-bottom: 8px;}
.recipes p {color:#666; line-height: 1.2em;}

.recipesecondary h3 {margin-top: 6px;}

#footer              {  padding-top: 20px; color:#fff; }


#footer .module6.logos p {font-size: 11px; margin-bottom: 5px; color: #4c6a75;}
#footer address {font-size:10px;}
#footer .logos ul {list-style-type: none; margin: 0; border-top:1px dotted #fff; padding-top: 10px;}
#footer .logos ul li {display:inline; margin-right:0px !important;}
#footer .logos ul li.last {margin-right:0px;}
#footer .logos ul li span {display:none;}

#footer a{
  color:white;
}


/*-------------------PAGINATION----------------------------*/

.pagination         { width:auto;
                      margin: 10px 0px;
                      padding: 10px 0px;

                      font-family: Verdana, Arial, Helvetica, sans-serif;
                      font-size: 10px;
                      font-style: normal;
                      font-weight: normal;
                      color: #666666;
                      line-height:20px;
                      text-align:left;
                      border-top: 1px solid #CCC;
                      clear:both;
}
.pagination a       { padding: 5px 5px 5px 5px;
                      text-decoration:none;
                      color: #000000;
                      background-color: #FFFFFF;
                      /*border: 1px solid #999999;*/
}
.pagination a:hover { color: #666666;
                      background-color: #CCCCCC;
}
.pagination span    { /*border: 1px solid #999999;*/
                      padding: 5px 5px 5px 5px;
                      background-color: #CCCCCC;
                      color:#FFFFFF;
}