body{
	background: url(../img/barra-green.jpg) repeat-x 0px 546px ;
	font-family:Verdana, Geneva, sans-serif;
}
a{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666666;}
a:hover, a:visited, a:active{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666666;}

#container{
	margin: 0px auto 0px auto;
	height: auto;
	width: 830px;
}
#header{
	height:130px;
	width:auto;
	background:url(../img/header.jpg) no-repeat;
}

.logo-impresos{ float:left; width:220px; margin-top:20px;}
#menu{
  overflow: hidden;
  width: 605px;
  margin: 100px 0px 0px 0px;
  float: right; 
/*  IMPORTANTE: 
  background: #eee; border-width: 1px; border-style: solid; border-color: #F10D94 #00AEEF #C0D72F; border-radius: 5px; box-shadow: 0 0 2px rgba(0,0,0,.2);*/
  
}

.contacto{ float:right; margin-top:1em;}

#menu li{
  float: left;
}
/*---AZUL----*/
#menu a{
  padding: .2em .6em .2em 1.8em;
  float: left;
  text-decoration: none;
  color: #fff;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #00AEEF;
  /*background-image: linear-gradient(to right, #000, #ddd);  */
}
/*---MAGENTA----*/
#menu a.magenta{background-color: #F10D94;}
/*---AMARILLO----*/
#menu a.amarillo{background-color: #FFCC00;}
/*---VERDE----*/
#menu a.verde{background-color: #C0D72F;}
/*---NEGRO----*/
#menu a.negro{background-color: #282627;}


#menu li:first-child a{
  padding-left: 1em; border-radius: 5px 0 0 5px;
}

/*---AZUL----*/
#menu a:hover{ background:#F2F2F2; color:#00AEEF;}
/*---MAGENTA----*/
#menu a.magenta:hover{ color:#F10D94;}
/*---AMARILLO----*/
#menu a.amarillo:hover{ color:#FFCC00;}
/*---VERDE----*/
#menu a.verde:hover{ color:#C0D72F;}
/*---NEGRO----*/
#menu a.negro:hover{ color:#282627;}

/*Aplica a todos*/
#menu a::after,
#menu a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}
/*---AZUL----*/
#menu a::after{ z-index: 2; border-left-color:#00AEEF; }
/*---MAGENTA----*/
#menu a.magenta::after{border-left-color:#F10D94; }
/*---AMARILLO----*/
#menu a.amarillo::after{border-left-color:#FFCC00; }
/*---VERDE----*/
#menu a.verde::after{border-left-color:#C0D72F; }
/*---NEGRO----*/
#menu a.negro::after{border-left-color:#282627; }

/*Aplica a todos*/
#menu a::before{
  border-left-color: #fff;  
  right: -1.1em;
  z-index: 1; 
}

#menu a:hover::after{
  border-left-color: #F2F2F2;
}

#contenido { height:384px; width:830px; float:left;}
#bar-inferior { height:120px; width:830px; float:left;}
#bar-inferior ul { margin-left:36px}
#bar-inferior ul li{ display:block; float:left; width:160px; margin:0px 15px;}
	
#menu-inf { margin: 2em;}
#menu-inf li{ 
	display:block; 
	float:left; 
	border-right:.1em solid #FFF;
	margin-top:1em;
	padding:0em .5em 0em .5em;
	height:auto;
} 
#menu-inf a{
	color:#FFF; font-weight:bolder;
}
#menu-inf a:hover{
	color:#FFF; font-weight:bolder; text-decoration:underline;
}
#footer { clear: both; margin: 30px 0px 0px 0px; float:left; width:830px; }
#footer div { float: left; display: inline; margin: 9px 0px 0px 20px; }
#footer div p { color: #999; font-size: 12px; font-family:Verdana, Geneva, sans-serif }
#footer a.webink { float:right; }

/* LISTA MENU*/
	#productos li {width:300px;margin:5px 0;padding:0;}
	#productos li a {display:block;padding:5px 10px 5px 15px;height:100%;color: #9E9E9E; text-decoration:none;}
	#productos li a {background:url(../img/bg.jpg) repeat 0 0;}
	#productos li a:hover, li a:focus, li a:active {background-position:0 0; color:#fff;}
	#productos a {background:url(../img/bg.jpg) repeat -290px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 14px}
	
	
	#promos li {width:300px;margin:5px 0;padding:0;}
	#promos li a {display:block;padding:5px 10px 5px 15px;height:100%;color: #9E9E9E; text-decoration:none;}
	#promos li a {background:url(../img/bg2.jpg) repeat 0 0;}
	#promos li a:hover, li a:focus, li a:active {background-position:0 0; color:#fff;}
	#promos a {background:url(../img/bg2.jpg) repeat -290px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 14px}
	
#img-izq{width:240px; float:left;  margin-top:2em;}
#cont-submenu-magenta{float:left; margin-left:32px; width:530px; background:url(../img/logo-magenta.jpg) bottom right no-repeat; }
#cont-submenu-cyan{float:left; margin-left:32px; width:530px; background:url(../img/logo-cyan.jpg) bottom right no-repeat; }
#cont-submenu-yellow{float:left; margin-left:32px; width:530px; background:url(../img/logo-yellow.jpg) bottom right no-repeat; }
#cont-submenu-black{float:left; margin-left:32px; width:530px; background:url(../img/logo-black.jpg) bottom right no-repeat; }
#cont-submenu-green{float:left; margin-left:32px; width:530px; background:url(../img/logo-green.jpg) bottom right no-repeat; }


h1.titulos{ font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:20px 0px 0px 20px;}
h2.sub-sub{ font-size:14px; font-family:Verdana, Geneva, sans-serif; background:#EAEAEA; float:left; width:418px; height:20px; border-left:solid #666 .5em; color:#666; padding: .1em .7em; margin-bottom:1.5em; }

p.descripciones{ font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#666; width:408px; height:auto; float:left; margin: 0.3em 0em 0em 2em; line-height:1.7em; }

p.descripcionescortas{ font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#666; height:auto; float:left; margin: 0.6em 0em 0.5em 1em; line-height:1.7em; }


/* GALERIITA */
#bigPic{ width:226px; height:154px; padding:1px; border:1px solid #CCC; background-color:#FFF; margin-bottom:10px; } 
#bigPic img{ position:absolute; display:none; } 
ul#thumbs li.active{ border:1px solid #999;	 background:#fff; padding:1px; } 
ul#thumbs, ul#thumbs li{ margin:0; padding:0; list-style:none; }   
ul#thumbs li{ float:left; margin-right:0px; margin-bottom:5px;  padding:2px; cursor:pointer; } 
ul#thumbs img{ float:left; width:73px; height:56px; line-height:56px; overflow:hidden; position:relative; z-index:1;	 }

.cont-list { float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:10px auto 15px 55px; color:#666; line-height:1.5em; font-weight:bolder;}
.cont-list li { list-style-image:url(../img/vineta-gris.jpg)}

/*------------- [ FORMS: ELEMENTS ] -------------*/

#cont-submenu-green input, #cont-submenu-green select, #cont-submenu-green textarea { width: 250px; border: 1px solid #CCCCCC; padding: 1px 1px 1px 1px; color: #555555; font-size: 11px; }
#cont-submenu-green select { width: 256px; }
#cont-submenu-green textarea { width: 508px; height: 128px; }

#cont-submenu-green button { float: left; margin: 10px 0px 10px 10px; border: 1px #000 solid; padding: 2px 16px 2px 16px; background: #444; color: #FFFFFF; font-size: 12px; font-family: Arial; cursor: pointer; }
#cont-submenu-green button:hover { border: 1px #999 solid; background: #D8D8D8; color: #444; }


/*------------- [ FORMS: GROUPING TABLES ] -------------*/

#cont-submenu-green .form { margin: 10px 0px 0px 0px; }
	#cont-submenu-green .form td, #cont-submenu-green .form th { border: 2px solid #F5F8FA; padding: 4px 4px 4px 4px; background: #FFFFFF; font-size: 12px; }
	#cont-submenu-green .form th { border-left: none; padding: 4px 40px 4px 4px; color: #2F2F2F; line-height: 1.2; }
		#cont-submenu-green .form td span { display: block; margin: 6px 0px 0px 0px; font-style: italic; }
		#cont-submenu-green .form td img { vertical-align: middle; }
		#cont-submenu-green .form .img, #cont-submenu-green .form .img-left, #cont-submenu-green .form .img-center { margin: 0px 0px 0px 0px; padding: 1px 1px 1px 1px; border-width: 1px; }


/*------------- [ FORMS: GROUPING DIVS ] -------------*/

#cont-submenu-green .tinymce-textarea, #cont-submenu-green .big-textarea  { width: 448px; margin: 10px 0px 0px 0px; background: #FFFFFF; padding: 4px 4px 4px 4px; }
	#cont-submenu-green .big-textarea textarea { width: 444px; height: 110px; }
h4{ font-weight:bolder; margin:.4em auto .4em auto;}

#cont-submenu-green .form input{ display:table;}

#cont-submenu-yellow h2 {float:left; margin-top:0.3em;}
	/* Cajita styles */
		img, label 
		{ 
			display: block; 
			cursor: pointer; 
		}
		
		input { display: none; }
		input:checked + .overlay { display: table; }

.overlay
{
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0; 
	left: 0; 
	display: none; 
	z-index: 999;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
}
	.overlay label
	{
		display: table-cell; 
		vertical-align: middle; 
		text-align: center;
	}
		.overlay img,
		.overlay iframe
		{
			display: inline;
			border: none;
			padding: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			background: #ffffff;
		}
		
.theme01 .overlay
{
	background: none;
}
	.theme01 .overlay label > img,
	.theme01 .overlay iframe,
	.theme01 .content01
	{
		border: 1px solid #ccc;
		-moz-box-shadow: 5px 5px 10px #000, -5px -5px 10px #000;
		-webkit-box-shadow: 5px 5px 10px #000, -5px -5px 10px #000;
		box-shadow: 5px 5px 10px #000, -5px -5px 10px #000;
	}
		
.content01
{
	display: block;
	width: 244px;
	padding: 30px;
	background: #fff;
	color: #000;
	margin: 0 auto;
	text-align: left;
	cursor: auto;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	.content01 .inner_content
	{
		display: block;
		height: 500px;
		overflow-y: auto;
	}
	.content01 .inner_content span { display: block; margin-bottom: 12px; font-size: 12px; }
	#cajita + .overlay .inner_content, #cajita2 + .overlay .inner_content, #cajita3 + .overlay .inner_content, #cajita4 + .overlay .inner_content { height: auto; }

	
	.content01 img:first-child { float: left; display: block; margin: 0 10px 0 0; }
	.content01 img { float: right; margin: 0 10px; padding: 0; }
	
.content02
{
	width: 820px;
	padding: 0;
}

#close { display: none; }
.closebutton
{
	background: #606061;
	color: #FFFFFF;
	cursor: pointer;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -12px;
	width: 24px;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.closebutton:hover
{
	background: #318DF2;
	text-shadow: 1px 1px 1px #ccc;
}

.inner_content span ul li { padding:0px; margin:0px;}