html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	}

body{
	background:#f1f1f1;
	margin:0px;
}

img
{
border:0;}

H1{
	font-size:16px;	
}

H2{
	font-size:14px;	
}

H3{
	font-size:12px;
	margin-top:2px;
	margin-bottom:2px;
}

H4{
	font-size:12px;
	
}

a, a:link, a:active,  a:visited{
	text-decoration:none;
	color:#676AA1;
	
}

a:hover{
	text-decoration:underline;
	color:#000;
	
}


ul{
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
}

input.btn {   
   color:#fff;   
   background-color:#676AA1;   
   border:1px solid;   
   border-color: #fff #999 #999 #fff;
   height:22px;
   padding-left:5px;
   margin-left:5px;
 }  

input.txt{
	background:#EAFFFF;
	width:172px;
}


/*---------DIVISIONES--------*/
#vacio{
	width:100%;
	height:5px;
	
	}

#wrapper{
	width:924px;
	height:100%;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	
}

#header{
	width:924px;
	height:160px;
	background:#ffffff;

}
#header #topmnu{
	height:30px;
	background:#79BDEA;
	width:100%;
}

/* Top Menu */

.tophormenu{
	font-weight: bold;
	width: 100%;
}

.tophormenu ul{
	padding: 6px 0 7px 0;
	margin: 0;
	text-align: right;
}

.tophormenu ul li{
	display: inline;
}

.tophormenu ul li a{
	color:#003366;
	padding: 5px 3px 3px 5px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 15px; /*spacing between each menu link*/
	margin-left:15px;
	text-decoration: none;
	border-bottom: 1px solid #676AA1; /*bottom border is 3px*/
}

.tophormenu ul li a:hover, .tophormenu ul li a.selected{
	color:#000;
	border-bottom-color: #fff;
	background-color:#79BDEA;
}

.carrito{
	background-image:url('../image/cart.png');
	background-repeat:no-repeat;
	padding-left:10px;
	background-position: 6px -2px;

}


/*-------*/

#header #logo{
	float:left;
	width:400px;
	height:100px;
}

#header #banner{
	float:right;
	width:524px;

}

#header #horimenu{
	width:924px;
	background-color:#676AA1;
	height:30px;
	float:left;
}

#busqueda{
	float:left;
	width:300px;
	height:100%;
	padding:3px;
	padding-right:20px;
}


#menuhor{
	width:500px;
	height:100%;
	float:right;
	text-shadow: #333 0.1em 0.1em 0.2em;
}

#menuhor ul, li {
        list-style-type: none;
}

#menuhor ul {
        margin: 0;
        padding: 0;
        height:100%;
        float:right;
}

#menuhor li {
        float: left;
}

#menuhor a {
        text-decoration: none;
        color: #fff;
        background: #676AA1;
        display: block;
        padding: 8px 15px 5px;
        text-align: center;
        height:100%;
        border-left:dotted 1px #ccc;
        font-weight:bold;

}
#menuhor a:hover {
        background: #ccc;
        color:#000;
        border:solid 1px #676AA1;
}

/*------------CONTENIDO----------------*/

#content{
	background:#ffffff;
	width:100%;
	height:100%;
	margin:3px;
	display:inherit;
	float:left;
	
}

#content #leftcol{
	width:180px;
	float:left;
	background-color:#ffffff;
	display:inherit;
	height:auto;
}

#content #navig{
	width:100%;
}

#bordes{
	border:solid 1px #676AA1;
	border-top:none;
	
}

#titu{
	padding:7px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	color:white;
	background-image:url('../image/buttitle.gif');
	text-shadow: #333 0.1em 0.1em 0.2em;
}

/*-------- inicio asmenu ----------*/
.asmenu{
	margin: 0px 0;
	padding: 0;
	width: 178px; /*width of menu*/
	border: 1px solid #676AA1;
	border-top:solid 1px #ffffff;
}

.asmenu a.menuitem{
	background: #676AA1;
	font-size:13px; 
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	border-bottom:solid 1px #fff;
}


.asmenu a.menuitem:visited, .asmenu .menuitem:active{
	color: white;
}

.asmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.asmenu a.menuitem:hover{
	background-image: url(imagesglossyback2.gif);
}

.asmenu div.submenu{ /*DIV that contains each sub menu*/
	background: #ccc;
	text-shadow: #333 0.1em 0.1em 0.2em;
}

.asmenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.asmenu div.submenu ul li{
	border-bottom: 1px solid #676AA1;
}

.asmenu div.submenu ul li a{
	display: block;
	font-size:12px;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.asmenu div.submenu ul li a:hover{
	background: #666;
	color: #fff;
}

/*-----------end asmenu--------*/


#content #leftcol #publi{
	width:auto;
}

#tools{
	background-color:#fff;
	text-shadow: #333 0.1em 0.1em 0.2em;
}

#tools ul li{
		border-bottom: 1px solid #676AA1;
		padding:4px;
		
}

#tools ul li a{
	display: block;
	font-size:12px;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;

}

#tools ul li:hover{
	background: #999;
	color: #fff;
}



#compart ul{
	width:100%;
	background-color:#fff;
}

#compart ul li{
	padding:12px;	
}

#compart ul li a{
	font-size:11px;
	padding-left:35px;
}

#compart ul li a:hover{
	font-weight:bold;
}

.facebook{
	background-image:url('../image/FaceBook_32x32.png');
	background-repeat: no-repeat;
	background-position:4px;
}

.twitter{
	background-image:url('../image/twitter_32x32.png');
	background-repeat: no-repeat;
	background-position:4px;
	
}


#content #centercol{
	width:740px;
	float:left;
	vertical-align:top;
	background-color:#ffffff;
}

#content #rightcol{
	float:left;
	width:178px;
	height:100%;
	vertical-align:top;
}

#testi{
	height:200px;
	background-color:#fff;
}

/*-------------CARDS-------------*/
#cards{
	width:894px;
	float:left;
	height:auto;
	background:#ffffff;
	text-align:center;
	padding:15px;
	margin-top:2px;
}

/*-------------INFOR-------------*/
#infor{
	width:924px;
	background-color:#fff;
	float:left;
	margin-top:3px;
	margin-bottom:2px;
	border-top:dashed 1px #ccc;
}

#infor #emails{
	width:250px;
	padding:10px;
	border-right:dashed 1px #ccc;
	float:left;
	
}
#infor #inflinks{
	float:right;
	width:555px;
	padding:10px;
}

#infor #inflinks #lnk1{
	width:185px;
	float:left;
}

#infor #inflinks #lnk2{
	width:185px;
	float:left;
}

#infor #inflinks #lnk3{
	width:185px;
	float:right;

}


#infomenu{
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
}

#infomenu li a {
	text-decoration: none;
}	
	
#infomenu li a:link, #infomenu a:visited {
	color: #333;
	display: block;
	padding:2px;
	margin:0px;
}
	
#infomenu li a:hover {
	color: #000;
	text-decoration:underline;
	}


/*-------------FOOTER-------------*/
#footer {
	width:100%;
	height:auto;
	background:#CCC;
	border-top: solid 3px  #999;
	float:left;
	text-align:center;
}

#footer .empresa{
	font-size:12px;
	font-weight:bold;
	padding:3px;
}
#footer .direccion{
	font-size:10px;
	padding:3px;


}

#footer .copyright{
	font-size:9px;
	padding:3px;
	padding-bottom:20px;
}