/**
 * Shared CSS
 * 
 * Sets the global styles for items common to all pages,
 * such as navigation, backgrounds, sprites etc
 * 
 * @author Paul Lewis
 * @version 1.0
 */

/**
 * General
 */
 
/* @import url('reset.css');*/
 
.body
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: fff;
}
.body_productos { margin: 0; padding: 0; width: 100%; height: 100%; background-image: url(../images/pattern_productos.jpg); background-repeat: repeat; 	background-color: fff;}

html { margin: 0; padding: 0; height: 100%; width: 100%; } 
#absolut_cont { min-height: 100%; position: relative; width: 100%; } 
#absolut_body { height: 100%; margin: 0 auto; padding-bottom: 119px; width: 100%;  background-image: url(../images/back_super01.jpg); background-repeat: no-repeat; background-position: bottom; background-size: 100%; min-width: 990px; } 
#absolut_footer { bottom: 0; height: 119px; margin: 0 auto; width: 100%;  position:absolute;} 

header#page_header { width: 100%; height: 130px; } 
header#page_header div#container { width: 990px; margin-right: auto; margin-left: auto; padding-top: 5px; }

/********** menu over home  **********/


.myButtonLink { display: block; width: 119px; height: 130px; text-indent: -99999px; background-image: url('../images/m_01.png'); background-position: 0 130px;} 
.myButtonLink:hover { background-position: 0 0px; }
.myButtonLinkon { display: block; width: 119px; height: 130px; text-indent: -99999px; background-image: url('../images/m_01.png'); } 

.myButtonLink1 { display: block; width: 132px; height: 130px; text-indent: -99999px; background-image: url('../images/m_02.png'); background-position: 0 130px;} 
.myButtonLink1:hover { background-position: 0 0px;}
.myButtonLink1on { display: block; width: 132px; height: 130px; text-indent: -99999px; background-image: url('../images/m_02.png'); } 


.myButtonLink2 { display: block; width: 136px; height: 130px; text-indent: -99999px; background-image: url('../images/m_03.png'); background-position: 0 130px;} 
.myButtonLink2:hover { background-position: 0 0px; }
.myButtonLink2on { display: block; width: 136px; height: 130px; text-indent: -99999px; background-image: url('../images/m_03.png');} 

.myButtonLink3 { display: block; width: 130px; height: 130px; text-indent: -99999px; background-image: url('../images/m_04.png'); background-position: 0 130px;} 
.myButtonLink3:hover { background-position: 0 0px; }
.myButtonLink3on { display: block; width: 130px; height: 130px; text-indent: -99999px; background-image: url('../images/m_04.png');} 


/********** slider  **********/

	
section#slider_area { width: 100%; } 
section#slider_area div#area { width: 990px; margin-right: auto; margin-left: auto; 	padding-top: 15px;} 

section#sliderint { width: 100%; } 
section#sliderint div
{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
} 


/********** contenido  **********/

section#contenido { width: 100%; } 
section#contenido div#area_contenido { width: 920px; margin-right: auto; margin-left: auto; 	padding-top: 15px;} 
section#contenido div#area_contenido div#texto { width: 80%; margin-right: auto; margin-left: auto; color: #282828; font-family: Arial; font-size: 16px; line-height: 30px; text-align: justify; } 
section#contenido div#area_contenido div#texto p { margin-top: 18px; }

section#contenido div#area_contenido div#texto p span { color: #E0144C; font-weight: bold; } 

/********** productos  **********/

section#productos { width: 100%; } 
section#productos div#area_productos { width: 850px; margin-right: auto; margin-left: auto; 	padding-top: 15px;} 
section#productos div#area_productos div#rowleft, section#productos div#area_productos div#rowright { width: 90%; margin: 10px auto 50px auto; } 
section#productos div#area_productos div#rowleft img.prod { float: left; } 
section#productos div#area_productos div#rowright img.prod { float: right; } 
section#productos div#area_productos div#rowright img.prod1
{
	float: right;
	padding-top: 80px;
} 

section#productos div#area_productos div#rowleft div#texto { margin-right: 50px; margin-left: 220px; color: #282828; font-family: Arial; font-size: 16px; line-height: 30px; } 
section#productos div#area_productos div#rowright div#texto { margin-right: 250px; margin-left: 20px; color: #282828; font-family: Arial; font-size: 16px; line-height: 30px; } 

section#productos div#area_productos div#texto h1
{
	font-size: 18px;
	text-transform: uppercase;
	color: #333333;
} 
section#productos div#area_productos div#rowleft div#texto ul { list-style-type: square; margin-left: 40px; margin-top: 10px; color: #626262; } 
section#productos div#area_productos div#rowright div#texto ul { list-style-type: square; margin-left: 40px; margin-top: 10px; color: #626262; } 
section#productos div#area_productos div#texto li { list-style-type: square; }

section#productos div#area_productos div#texto p span { color: #E0144C; font-weight: bold; } 

/********** footer  **********/


footer#page_footer { background-image: url(../images/back_footer.png); background-repeat: repeat; width: 100%; height: 119px; } 
footer#page_footer div#container { width: 990px; height: 119px; padding: 0px; margin: 20px auto 20px auto;} 
footer#page_footer div.left { float: left; margin-top: 20px; } 
footer#page_footer div.right { float: right; margin-top: 20px; text-align: right; } 

footer#page_footer div.left p.creditos, footer#page_footer div.right p.creditos { color: #fff; font-family: arial; font-size: 12px; line-height: 12px; font-variant: normal; display: inline; } 
footer#page_footer p.creditos a { color: #f79745; font-variant: normal; text-decoration: underline; } 
.facebook { font-family: arial; font-size: 12px; line-height: 12px; font-variant: normal; color: #f79745; font-variant: normal; text-decoration: underline; } 

#page_footer nav ul { list-style: none; margin: 0; padding: 0; } 
footer#page_footer nav ul li { margin: 0 0px 0 0; display: inline; background-repeat: no-repeat; } 

.clear { clear: both; font-size: 0; height: 0; display: block; overflow: hidden; }