@CHARSET "UTF-8";
/* CSS Document */
* 
{
	margin:0;
	padding:0;
}
html
{	
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	
}
/* Body de la pgina */
body 
{	
	width:100%;
	height:100%;
	background: url(0ima/imabodfon02.jpg) 50% 0% no-repeat #d9d9d9;	
	font-size: 12px;
	font-family:verdana;
	text-align:justify;
	color:#4D4D4D;
	
}
a{	
	font: Verdana;
	color: #4179d0;
	text-decoration:none;
	font-weight:bold;
}
a:hover{	
	
	font: Verdana;
	color: #b3c9ec;
	font-weight:bold;
}
a.leer{	
	
	font: 9px Verdana;
	color: #b3c9ec;
	font-weight:bold;
	text-align:right;
}
ul{	
	list-style: none;
}
li{	
	padding-left: 15px;
	line-height: 2;

}

p.leer{	

	text-align:right;
	margin: 0px 0px 10px 0px	;
	
	
}

h1{
	font: 18px Verdana;	
	color: #4179d0;
	font-weight:bold;
	margin:0px 0px 12px 0px ;
	padding: 10px 0px 0px 0px;
}
h2 {
	font: 13px Verdana;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}
/* Imagenes */
img 
{
	border:0px;
}
*:focus { outline: none }

	
.webgen01{	
	width: 998px;
	height: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	font: 12px verdana justify #4D4D4D;
	background: url(0ima/imacuefon01.png) 0 0 repeat-y;	
}

/* contenidos de la pagina ///////////////////////////////////*/

.gencab01{	
	width: 998px;
	height: 272px;
	margin: 0px;
	background: url(0ima/imacabfon02.jpg) 0 0 no-repeat white;
}
.gencue01{	
	width:100%;
	height: auto;
	margin:0;
	padding: 0px 0px 20px 0px;
	position: relative;
	float:left;	
	background: url(0ima/imacuefon01.png) 0 0 repeat-y;
}
/*.gencue01{	
	width: 998px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
.cuecon01{	
	width: 125px;
	margin: 0px 0px 0px 150px;
	float:left;
	
}
.conmen01{	
	width: 125px;	
	margin: 0px;
	
	border-right: 5px solid #acbfdf;
}
.prodmen{	
	width: 125px;
	height: 75px;
	margin-left: 0px;	
	border-bottom: 0px solid silver;	
}

.prodmen01{	
	width: 120px;
	height: 35px;
	margin: 0px auto;
	border-bottom: 0px solid gray;	
}

.prodima{	
	width: 83px;
	height: 78px;
	margin: 0px auto;

}
.prodden{	
	width: 125px;
	margin: 0px;
	padding: 1px 5px 2px 0px;	
	text-align: right;
	background-color: #acbfdf;
	
}
.prodden a{	
	color: #ffffff ;	
	font-weight: bold;
}
.prodden a:hover{	
	color: #4179d0 ;	
}*/
.cuecon01{	
	width: 300px;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
}
.conmen01{	
	width: 275px;
	height: 165px;
	margin: 0px;
	padding: 0px;
	
}
.prodmen{	
	width: 275px;
	height: 33px;
	margin-left: 0px;	
	border-bottom: 1px solid #ffffff;	
	background-color: #acbfdf;
	
	text-align: center;
}
.prodden{	
	width: 100%;
	margin: 0px;
	padding: 7px 0px 0px 0px;	
	background-color: #acbfdf;
}
.prodden a{	
	width: 100%;
	height: 100%;
	color: #ffffff ;	
	font-weight: bold;
	display: block;	
}
.prodden a:hover{	
	color: #4179d0 ;	
}
.conofe01{	
	width: 274px;
	height: 431px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	background: url("0ima/imaofe01.jpg") 0 0 no-repeat;
}
.cuecon02{	
	width: 650px;
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 70px 0px;
	float: right;
	position: relative;
}
.conima01{	
	width: 650px;
	height: 534px;
	margin: 20px 0px 10px 0px;
	background: url("0ima/imaconfon01.jpg") 0 0 no-repeat;
}
.googlemaps{	
	width: 650px;
	height: 410px;
	margin: 30px auto;
	padding: 5px 5px 0px 5px;
	border: 1px solid #b4c3db;
}

/*productos////////////////////////////////////////////////////////*/
.confam01{	
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #b4c3db;
}
.conimg01{	
	width: 100%;
	height: 155px;
	margin: 0px 0px 10px 0px;
}
.imgprod{	
	width: 145px;
	height: 145px;
	margin: 0px 5px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-color: white;
	border: 1px solid #b4c3db;
	float: left;
}

/*pie de la página////////////////////////////////////////////////////////*/
.genpie01{	
	width: 998px;
	height: 60px;
	margin: auto;
	clear: both;
	position: relative;
	background: url(0ima/imacuefon01.png) 0 0 repeat-y;
}
.piecon01{	
	width: 980px;
	height: 27px;
	margin: 0px auto;
	padding: 5px 0px 7px 0px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color:#ffffff;
	background-color: #b4c3da;
}
.piecon02{	
	width: 800px;
	height: 12px;
	margin: 0px auto;
	padding: 7px 0px 0px 0px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color:#ffffff;
	background-color: #b4c3da;
}
.logart{	
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	float: left;
	font-size: 9px;
}
/*menu////////////////////////////////////////////////////////*/

.cabmen01{
	width:600px;
	height:230px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 398px ;
	color: #ffffff;
	text-align: right;
}
.cabmen01 ul{
	width:480px;
	height:30px;
	padding: 202px 0px 0px 0px;
	margin: 0px 20px 0px 120px;
	font-size: 12px;	

}
.cabmen01 ul li  {
	width:80px;
	height: 30px;
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	
}
.cabmen01 ul li a.activo  {
	width:80px;
	height: 30px;
	font-weight:bold;
	color: #ffffff;
	text-align: center;
	background: url("0ima/imamenfon01.jpg") 0 0 repeat-x;
}
.cabmen01 ul li a {	
	width:80px;
	height: 30px;
	padding: 5px 5px 0px 5px;
	margin: 0px;
	color: #ffffff;
	text-align: center;
	display: block;
}
.cabmen01 ul li a:hover {
	width:80px;
	height: 30px;
	padding: 5px 5px 0px 5px;
	margin: 0px;
	color: #ffffff;
	background: url("0ima/imamenfon01.jpg") 0 0 repeat-x;
}

.cabmen02{
	width:700px;
	height:20px;
	padding: 0px 0px 5px 0px;
	margin: 10px 10px 0px 0px ;
	float:right;
	color: #ffffff;
	text-align: right;
	border-top: 1px solid #acbfdf;
	border-bottom: 1px solid #acbfdf;
}
.cabmen02 ul{
	width:600px;
	height:20px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	font-size: 12px;	
}
.cabmen02 ul li  {
	
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	
}
.cabmen02 ul li a.activo  {
	
	height: 20px;
	font-weight:bold;
	color: #4179d0;
	text-align: center;
	
}
.cabmen02 ul li a {	
	
	height: 20px;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	color: silver;
	text-align: center;
	display: block;
}
.cabmen02 ul li a:hover {
	
	height: 20px;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	color: #4179d0;
	
}



.menprod {
	width:660px;
	padding: 5px;
	margin: 0px;
	color: #ffffff;
	background-color: #b4c3da;
}
.menprod li{
	padding: 5px 5px 0px 5px;
	margin: 0px;
	color: #ffffff;
	
}
.menprod li a{
	
	margin: 0px;
	padding:0px;	
}

.menprod li a:hover{
	color: #ffffff;
}

/**** Choco-Slider ****/

.chocoslider {
	position:relative;
	margin-bottom: 50px;
}

.chocoslider img {
	position:absolute;
	top:0px;
	left:0px;
}

.chocoslider a.choco-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

.choco-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.choco-title {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8;
	width:100%;
	z-index:89;
}

.choco-title p {
	padding:5px;
	margin:0;
}

.choco-title a {
	display:inline !important;
}

.choco-html-title {
    display:none;
}

.choco-controlNavigation {
	position:absolute;
	left:0%;
	bottom:-30px;
}

.choco-controlNavigation a {
	text-indent: -999999px;
	text-transform:uppercase;
  	text-decoration:none;
  	height:20px;
  	width:18px;
  	display:block;
  	cursor: pointer;
  	background: transparent url(img/controlls.gif) center bottom no-repeat;
  	float:left;
  	outline: none;
}

.choco-controlNavigation a.active {
	background: transparent url(img/controlls.gif) center top no-repeat;
}