/*========================================
  Estilos propios de los modulos estandar (Version : 2009.04.14)
  + Estilos anadidos aprioriwsi.com

	- general
	- Formularios
	- Mensajes de Sistema
	- Blog
	- Literatura
	- Zona segura
	- Modulos de formularios
	- Busqueda
	- Galeria de fotos
	- apriori
		* columnas
		* redes sociales
		* menu principal desplegable
=========================================*/

img, a img {
	border:0;
}

.clear {
	display: inline-block;
}
   
.clear:after {
	content: "."; display: block;
	height: 0;   clear: both;
	visibility: hidden;
}

* html .clear {
	height: 1%;
}

.clear {
	display: block;
}

/* @end */

/* based on YUI 2.3 base.css */

/* Idioms */

ul.mod {
	list-style-image:none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.mod li {
	list-style: none;
}


/*========================================
  Formularios
=========================================*/

ul.form {
	margin: 0;
	padding: 0;
}

ul.form li {
	list-style: none;
	margin: 0 0 18px 0;
}

ul.form li label {
	color: #888;
	display: block;
}

div.form div.item, div.webform div.item {
	padding: 9px;
}

cat_button {}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {
	width: 300px;
}

.cat_dropdown_small {
	width: 200px;
}

.cat_dropdown_smaller {
	width: 150px;
}

.cat_textbox_small, .cat_listbox_small {
	width: 200px; /* DON'T TOUCH THIS */
}

.cat_listbox {
	height: 120px;
	width: 300px;
}

table.webform,
table.reporting {
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
}

table.webform td {
	line-height: 24px;
	padding: 6px;
}

.form label, .webform label {
	font-size: 12px;
}

.form input, .webform input {
	margin-right: 3px;
}

/*========================================
  Mensajes del Sistema
=========================================*/

.system-message, .system-error-message {
	background-color: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 18px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	padding: 36px 36px 36px 180px;
}

.system-message {
	background: #f9f9f9 url(/CatalystImages/ok.png) no-repeat 29px 18px;	
}

.system-error-message {
	background: #f9f9f9 url(/CatalystImages/error.png) no-repeat 26px 26px;
}

.system-message h1, .system-error-message h1 {
	color: #000;
	margin: 0 0 18px 0;
}

.system-message a:link, .system-error-message a:link {
	color: #1969bc;
}

.ok {
	background: #E9FBE3;
	color: #21A347;
	margin-bottom: 18px;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	margin-bottom: 18px;
}


/*========================================
  Blog
=========================================*/

.blog-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	color: #000;
	font-size: 12px;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-list h2 {
	margin: 0 0 3px 0;
}

.blog-list span {
	color: #888;
}

.blog-container h1 {
	margin: 0 0 6px 0;
}

.blog-container p.description {
	margin: 0 0 36px;
}

.blog-post h2.post-title {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0 0 3px 0;
}

.blog-post .post-details {
	color: #888;
	font-size: 12px;
	margin: 0 0 18px;
}

.blog-container .post-list {
	float: left;f
	width: 96%;	/* antes 69 */
}

.blog-post .post-body {
	margin: 0 0 36px;
}

.comment-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin-bottom: 36px;
	padding: 18px;
}

.comment-list h5 {
	font-size: 14px;
	margin: 0 0 18px;
}

.comment-list input#Captcha {
	width: 300px;
}

.comment-list textarea.cat_listbox_small {
	height: 120px;
	width: 100%;
}

.blog-comment-container {
	border: 1px solid #e9e9e9;
	margin: 0 0 18px;
}

.blog-comment-container  .comment-details {
	background: #eee;
	font-size: 12px;
	padding: 6px;
}

.blog-comment-container .comment {
	background: #fff;
	padding: 9px;
}

span.flag {
	margin: 0 6px;
	vertical-align: middle;
}

input#fullname, input#website, input#emailaddress {
	width: 300px;
}

textarea.comment {
	height: 160px;
	width: 100%;
}

.forum-registration textarea.comment {
	height: 70px;
	width: 270px;
}

.post-body .links {
	font-size: 12px;
}

/*.blog-container .side-panel {
	float: right;
	width: 27%;
}*/

.Blog-side-panel h4 {
	margin: 0 0 9px;
	text-align: middle;
}


.BlogTagCloud {
	margin: 0 0 18px;
}

.BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul, .blogpostcategories ul {
	margin: 0;
	padding: 0;
	text-align: middle;
}

.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li, .blogpostcategories li {
	list-style: none;
	margin: 0 0 9px;
}

p.page-nav {
	text-align: center;
} 

p.page-nav a {
	margin: 0 9px;
}

.blog-post dl {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-post dt {
	color: #000;
}

.blog-post dd {
	margin: 0 0 9px;
}


/*========================================
  Literatura
=========================================*/

p.literature-container img {
	vertical-align: middle;
}

p.literature-container span.icon, p.literature-container span.name {
	margin: 0 3px 0 0;
}


/*========================================
  Zona segura
=========================================*/

.case-search {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-lost-password {
	background: #f9f9f9;
	border: 1px solid #eee;	
	padding: 18px;
}

.secure-lost-password input.cat_textbox_small {
	width: 210px;
}

.secure-update-details {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-update-details input.cat_textbox,
.secure-update-details select.cat_dropdown {
	width: 260px;
}


/*========================================
  Modulos de Formularios
=========================================*/

.product-form h3 {
	padding-left: 9px;
}

.secure-login, .newsletter-form {
	margin-bottom: 18px;
}

.secure-login h3, .newsletter-form h3 {
	background: #eee;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	margin: 0;
	padding: 6px 18px;
}

.secure-login div.form, .newsletter-form div.form {
	padding-left: 9px;
}

/*========================================
  Busquedas
=========================================*/

.search-box {
	padding: 6px;
}

.search-box input.cat_textbox_small {
	margin: 0 3px 0 0;
}

/*========================================
  Galerias de fotos
=========================================*/

#imageContainer img {
	margin: 0;
}
table.photogalleryTable {
	border-spacing:10px;
	border-collapse:separate;
}
table.photogalleryTable img{
	padding:20px;
	border: 1px solid #afc5da;
}
table.photogalleryTable a{
	background-color:#f4f8fb;
	float:left;
	width:100%;
	height:100%
}
table.photogalleryTable a:hover{
	background-color:#ecf2f5;
	float:left;
	width:100%;
	height:100%
}

table.photogalleryTable td {
	width:225px;
	height:225px;
}
table.photogalleryTable td.photogalleryNavigation {
	width:225px;
	height:30px;
}
table.photogalleryTable td.photogalleryNavigation a{
	background-color:#FFFFFF;
	float:left;
	margin-right:20px;
}
table.photogalleryTable td.photogalleryNavigation a:hover{
	background-color:#FFFFFF;
	float:left;
}




/*========================================
  aprioriwsi.com
=========================================*/


/*========================================
  Columnas
=========================================*/

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 20px;
}

.one-half {
	float: left;
	margin: 0 0 20px;
	padding-left: 3%;
}

.one-half {
	width: 48%;
}

.first {
	clear: both;
	padding-left: 0;
}


/*========================================
  Redes Sociales
=========================================*/

#redes-sociales-blog {

	width: 136px;

}

#redessociales-twitter {
	float: left;
    	width: 34px;
}

#redessociales-linkedin {
	float: left;
    	width: 34px;
}

#redessociales-facebook {
	float: left;
    	width: 34px;
}
#redessociales-rss {
	float: left;
    	width: 34px;
}
#redessociales-googleplus {
	float: left;
    	width: 34px;
}


/*========================================
  Menu principal desplegable aprioriwsi.com
=========================================*/

#menu ul
{
	list-style: none;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#menu {
	float: left;
}


#menu ul li
{
	float: left;
	text-align: right;
}

#menu ul ul
{
display: none;
}

#menu ul li:hover > ul
{
display: block;
}
#menu ul li
{
	position: relative;
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	text-align: left;
}

#menu ul li ul
{
	width: 220px; /*amplada*/
	padding: 0px;
}

#menu ul ul
{
	position: absolute;
	z-index: 500;
	padding: 0px;
}

#menu ul ul ul
{
top: 0;
left: 100%;
}

#menu a
{
	display: block;
	color: #cbe0ec;
	text-decoration: none;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	text-transform: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 0px;
	height: 30px; /*lletres del menu principal*/
	font-family: "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 14px;
}

#menu .selected {
	color: #cbe0ec;
	cursor: pointer;

}
#menu .selected a{
	color: #cbe0ec;
	cursor: pointer;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #ff8e15;
}
#menuarea .selected a:hover
{
	color: #cbe0ec;
	cursor: pointer;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #ff8e15;

}

#menu a:hover
{
	color: #cbe0ec;
	cursor: pointer;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #ff8e15;
}

#menu ul li ul li a {
	padding: 3px;
	height: auto;
	background-color: #235979;
	background-image:none;
	font-weight: normal;
	line-height: 15px;	
	color: #cbe0ec;
	border:none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #17374f;
}
#menu ul li ul li a:hover {
	color: #cbe0ec;
	background-color: #ff8e15;
	border-width: 1px;
	border-style: solid;
	border-color: #17374f;
}
#menu .selected ul li a {
	background-color: #ff8e15;
	color: #cbe0ec;
	background-image:none;
	font-weight: normal;
	border-width: 1px;
	border-style: solid;
	border-color: #17374f;
}
#menu .selected ul li a:hover {
	color: #cbe0ec;
	background-color: #ff8e15;
	background-image:none;
	border-width: 1px;
	border-style: solid;
	border-color: #17374f;
}
#menu ul li ul li
{
	float: none;
}

/*========================================
  fin
=========================================*/