* {
margin:0px;
padding:0px;
}


body, textarea, input, h1,h2,h3,h4, p, a, li {
font:11px Verdana, arial, helvetica, sans-serif ;
line-height: 1.4em;
}

img {
border:none;
}

ul li{list-style:none;}

a{
color:#000;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

/*
--------------------------------------------------------------*/

body {
background-color: #d7d7d7;
}

#container{
float:left;
width:100%;
background-color: #d7d7d7;
}


#header{
position:relative;
width:992px;
height: 140px;
margin:0 auto;
background: url(/img/header6.jpg) no-repeat;
}



#content{
width:100%;

}

#content2{
width:992px;
margin: 0 auto;
background: url(/img/bg_content.gif) repeat-y;
overflow:hidden;
}

#main {
	float:right;
	display:inline;
	width: 660px;
	margin-right:66px;
	margin-top:16px;
}

		#home #main {
			width: 516px;
			margin-right:20px;
		}

	#banner{
	width:660px;
	margin-bottom:10px;

	}

		#home #banner{
			width: 516px;

		}

	#main_top{
	width:660px;
	height:10px;
	font-size:1px;
	background: url(/img/bg_main_top.gif) no-repeat;
	}

		#home #main_top{
			width: 516px;
			background: url(/img/bg_main_top_home.gif) no-repeat;
		}

	#main_mid{
	width:580px;
	background: url(/img/bg_main.gif) repeat-y;
	padding: 20px 40px 30px;
	min-height:300px;
	}

		#home #main_mid{
		width:436px;
		background: url(/img/bg_main_home.gif) repeat-y;
		}

	#main_bot{
	width:660px;
	height:12px;
	font-size:1px;
	background: url(/img/bg_main_bot.gif) no-repeat;
	}

		#home #main_bot{
			width: 516px;
			background: url(/img/bg_main_bot_home.gif) no-repeat;
		}


#sidebar {
	float:left;
	display:inline;
	width: 196px;
	margin-left:66px;
	margin-top:18px;
}


#sidebar2 {/*solo home*/
	float:right;
	display:inline;
	width: 124px;
	margin-right:66px;
	margin-top:20px;
	min-height:500px;
}



#footer {
clear:both;
margin:0 auto;
width:992px;
height:118px;
background: url(/img/bg_footer.jpg) no-repeat;
}

#footer2 {
clear:both;
margin:0 auto;
width:840px;
padding-top:30px;
}



/*HEADER-------------------------------------------------*/

#logo{
	position:absolute;
	top:28px;
	left:36px;
	width:124px;
	height:87px;
	background: url(/img/zarcocito.gif) 0 0 no-repeat;
	cursor: move;
	text-indent:-9999px;
}

#logo a{
	display:block;
	width:124px;
	height:87px;
	text-indent:-9999px;

}


/*NAV*/


#nav ul{
	position:absolute;
	width:520px;
	height:33px;
	right:24px;
	bottom:32px;
	background: transparent;
}


#nav ul li{
display:inline;
} 

#nav ul li a{
	display:block;
	float:left;
	width:115px;
	height:29px;
	line-height:29px;
	margin-right:5px;
	margin-top:4px;
	background: transparent url(/img/bg_nav.gif) 0 0 no-repeat;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
	color:#fff;
	font-size:10px;
} 

#nav ul li a:hover{
	background: transparent url(/img/bg_nav.gif) 0 -43px no-repeat;
} 

#nav ul li a.hover{
margin-top:-4px;
} 



/*-------------------------------------------------*/

#main h1, #main h2, #main h3,#main p, #main div.texto, #main ul,#main li {
margin-bottom:1em;
}

	#main div.texto h1, #main div.texto h2, #main div.texto h3,#main div.texto p,#main div.texto ul,#main div.texto li {
	margin-bottom:0;
	}

#main p,#main div.texto  {
text-align:justify;
}


#main h1 {
background: url(/img/ico_h1.gif) 0 0 no-repeat;
}

#main h1 span{
display:block;
font-size:1.5em;
margin-left:50px;
padding-bottom:8px;
border-bottom: 4px solid #26AC25;
}

#main h2{
font-size:1.2em;
font-weight:bold;
color:#BD0000;
}

#main h2 a{
font-size:1.2em;
font-weight:bold;
color:#BD0000;
}

#main h2 span{
}

#main h3{
font-size:1.0em;
font-weight:bold;
}

#main h3 a{
font-size:1.0em;
font-weight:bold;
}

#main ul {
clear:both;
}

#main ul li{
margin-left:20px;
padding-left:16px;
background: url(/img/arrow-green2.gif) 0 4px no-repeat;
}


/**/
.center{
	text-align:center;
}

.color1{
	color:#f00;
}

.color2{
	color:#26AC25;
}


/**/

.fotoenlinea{
float:left;
margin: 5px 20px 0 0;
}

.fotoenlinea img {
padding:0 0 10px 0;
}

.fotoizq{
float:left;
margin: 5px 20px 0 0;
}

.fotoizq img {
padding:0 0 10px 0;
}

.fotoder{
float:right;
margin: 5px 0 0 20px;
}

.fotoder img {
padding:0 0 10px 0;
}


/*index*/

/**/ 
#bloque_index1{
margin-bottom:2em;
}

/**/ 
#bloque_index2{
clear:both;
}

#bloque_index2_col1{
width:48%;
float:left;
}

#bloque_index2_col2{
width:48%;
float:right;
}

#bloque_index2 h2{
background: url(/img/bg_h2b.gif) no-repeat;
padding:3px 0 0 10px;
}

#bloque_index2 ul{
margin-bottom:2em;
}

/**/ 
#bloque_index3{
clear:both;
margin-bottom:2em;
}

#bloque_index3 h2{
background: url(/img/bg_h2.gif) no-repeat;
padding:3px 0 0 10px;
}

/*noticias*/

div.fecha{
	
	color:#26AC25;/*539953*/
	background: transparent url(/img/ico_flecha.gif) 0 3px no-repeat;
	padding-left:24px;
}

#noticias #main p {
	margin-left:24px;
}

/*productos*/

#productos div.producto{
	clear:both;
	overflow:hidden;
	width:99.5%;
	border:1px solid #ccc;
	margin-bottom: 2em;
}

#productos div.img{
float:left;
margin:10px 10px 0;
padding:0 0 10px 0;
width:100px;
}

#productos div.txt{
float:left;
width:400px;
margin:10px;
}

#productos div.txt p{
margin-bottom:0;
}

#productos div.txt p.marca{
color:#26AC25;
}

#productos div.txt a{
	font-size:1.2em;
	font-weight: bold;
}
#productos div.txt p.masinfo{
	float:left;
	margin-top:1em;
	line-height:18px;
}

#productos div.txt a.masinfo{
	display:block;
	float:left;
	width:90px;
	height:21px;
	line-height:18px;
	background: transparent url(/img/btn_masinfo.gif) no-repeat;
	color:#fff;
	font-size:1em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;

}

#productos div.txt p.masinfo span{
	margin-left:2em;
	color:#26AC25;
	font-weight: bold;
}

#productos div.txt p.masinfo span strong{
}

/*producto*/

#producto .producto{
}

#producto h2{
margin-bottom:0;
}

#producto p.marca{
color:#26AC25;
margin-bottom:0;
}

#producto div.img{
float:left;
margin:10px 20px 0 0;
padding:0 0 10px 0;
width:100px;
}

/*enlaces*/

#enlaces #main h2{
	color:#26AC25;/*539953*/
}

#enlaces #main p{
	background: transparent url(/img/ico_flecha.gif) 0 3px no-repeat;
	padding-left:24px;
}


/*paginacion-----------------------------------------------*/

#main p#pag{
	margin:2em 0 1em 24px;
}

#main p#pag span{
	padding:3px;
	border: 1px solid #28AB27;
	background-color: #28AB27;
	color:#fff;
	text-decoration: none;
}

#main p#pag a{
	padding:3px;
	border: 1px solid #28AB27;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	line-height:22px;
}

#main p#pag a:hover{
	background-color: #28AB27;
	color: #fff;
}


/*contacto************************************************************/

#form_contacto {
}


#form_contacto fieldset {
/*
display: block;
padding:10px 20px 20px 20px;
border: 1px solid #7696B7;
*/
border:none;
}

#form_contacto legend {
display:none;
}


#form_contacto label {
display:block;
font-weight: bold;
}

#form_contacto input, #form_contacto textarea {
border: 1px solid #ccc;
color:#000;
padding:3px;
margin-bottom:1em ;
}

#form_contacto input {
width:200px;
}

#form_contacto textarea {
width:300px;
height:132px;
}


/*
#form_contacto input.check {
border: none;
}
*/
#form_contacto p{
margin-left:0;
}
#form_contacto input.boton {
/*
display:block;
	margin-top:1em;
	margin-bottom:2em;
	border-top: 2px solid #39c;
	border-left: 2px solid #39c;
	border-bottom: 2px solid #336;
	border-right: 2px solid #336;
	padding: 2px 10px;
	text-align: center;
	background: #369;
	color: #fff;
	font-weight: bold;
*/
	display:block;
	width: auto;
	border: none;
	padding:3px;
	margin-top:1em;
	background: #D4D0C8;
cursor: pointer;
}


/**/

dl#address {
margin-bottom:20px;
margin-top:1em;
color:#333;
background-color:  #f3f3f3;
padding:1em;
}

dl#address dt {
margin-bottom:1em;
text-transform: uppercase;
}

dl#address dd a{
font-weight: bold;
}

dl#address dd a:hover{
text-decoration: underline;
}


dl#address dd ul li{
color:#333;
}

/*SIDEBAR-------------------------------------------------*/

/*
#sidebar h4{
background-color: #ccc;
padding:3px;
margin-bottom:0.5em;
}

#sidebar ul{
}

#sidebar ul li{
background-color: #aaa;
border-bottom:1px solid #000;
}

#sidebar ul li a{
display:block;
padding: 4px 10px;
background-color: #26AC25;
height:1%; 
}
*/



#sidebar #menu {
	height: auto;
	width: 196px;
	float: left;
}
/*
#sidebar h1 {
	font-size: 16px;
}
*/
#sidebar #menu li {
	display: block;
	list-style-type: none;
}
#sidebar #menu a {

	font-size: 11px;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 26px;
	line-height: 26px;
	text-decoration: none;
	background: transparent url(/img/bg_menu.gif) 0 0 no-repeat;
	height: 31px;
	width: 145px;
	display: block;
	outline:0;
	margin-bottom: 0px;
}


/*
#sidebar #menu a {
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 32px;
	text-decoration: none;
	background: #000000 url(/img/bg.jpg) no-repeat left;
	height: 32px;
	width: 180px;
	display: block;
	outline:0;
	margin-bottom: 5px;
}
*/
#sidebar #menu a:hover {
	color: #CCFF00;
}

#sidebar #menu .accordion a {
	background: transparent url(/img/bg_menu.gif) 0 -82px no-repeat;
	color: #FFF;
}
#sidebar #menu .accordion a:hover {
	color: #FFFF00;
}

/*SIDEBAR2-------------------------------------------------*/


#banner_sb {
margin-bottom:20px;
}

/*FOOTER-------------------------------------------------*/


#xhtml {
float:right;
}

#xhtml p {
text-align:right;
color:#999;
font-size:10px;
}

#xhtml p a{
color:#999;
text-decoration:none;
font-size:10px;
}

#xhtml p a:hover{
color:#fff;
background-color: #ccc;
}

#direccion p {
font-size:10px;
color:#999;
}


/* CLEARFIX 
-------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


