/*
-----------------------------------------------
MIS COSAS -------------------------------------
----------------------------------------------- */
#banner {
    background:#eae9f3 url(../images/couple.png) no-repeat scroll center top;
    height:140px;
    float:left;
    width:100%;
    border-top:3px solid #BF0042;
}

/* ___ social ___ */
ul#social {
    padding-bottom:30px;
}
ul#social li {
    list-style:none;    
    margin:0;
}

ul#top {
    padding-bottom:30px;
}

ul#top li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

ul#top a {
    color: #F0F0F0;
}

ul#top a:hover {
    color:#CFCFCF;
}

/* ___ content ___ */
#content {
    margin-top:-50px;
}

.breadcrumb {
	padding: 3px;
}

.breadcrumb A {
	text-decoration:none;
	color: #BF0042;
}

.pages {
	padding: 5px;
	font-size: 1.1em;
}

/* ___ menu ___ */
#section-menu {
    padding-top:30px;
}

.box.sidebar {
    padding:28px 0 10px 8px;    
}

.box.sidebar a:hover{
 	color: #666666; 
}

.box.sidebar h2 {
    color:#00cccc;
    padding-right:0;   
}

blockquote a {
    color:#BF0042;
}
blockquote a:hover {
    color:#ff0058;
}
.cite {
    font:11px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    color:#ccc;
    padding-right:12px;
    display:block;
}

fieldset.poll_page .cite {
    font:13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    color:black;
    padding-right:12px;
    display:block;
}

#search-content {
    float:right;
    width:20%;
    padding-top:8px;
}
#search-content ul.menu-inline {
    padding-bottom:17px;
    font-size:0.9em;
}
#search-content ul.menu-inline li a{
    color:#000;
}

/*___ tamaño del menu en articulo ___*/
.article ul {
    font-size:1.2em;
}

.article ul.products {
	margin-left: 140px;
}

.article ul .btn {
	margin-left: 10px;
}

.article ul li a:hover{
    background:#BF0042;
    color:#FFF;
    padding:2px 2px 1px;
}

/*___ footer ___*/
#site_info,
#copyright {
    text-align:center;
    padding-bottom:20px;
}

ul#copyright,
ul#site-info {
    list-style:none;
    color:#666;
    font-size:1.2em;
}
ul#copyright li a {
    color:#FFF;
}

#site-info { /*site-info*/
    margin:0; 
    font-size:1em; 
    padding:6px; 
    text-align:right; 
    color:#666;
}
#site-info a {
    color:#666;
    text-decoration:underline;
}
#credits { /*credits*/
    border-top:2px solid;
    padding-top:7px;
    background:url(../images/bg-footer.png) repeat-x center bottom;
}
#credits p { 
    font-size:.9em;
    padding:0 0 10px 4px;
}
.intro {
    font-size:0.9em;
	padding: 7px 15 0 7px;
}


/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background: #F5F5FA;
	color: #333;
	font-size: 11px;
	/*background:#000 url(../images/bg-body.png) repeat-x right top;
	padding: 0 0 40px;*/
}


/* ANCHORS
----------------------------------------------- */
a {
	color: #BF0042; 
	/*font-weight:bold;*/
	text-decoration: none;
}
a:hover {
	color:#000;
}


/* BACKGROUND CONTAINER 16 (WRAPPER)
----------------------------------------------- */
/*.container_12,*/
.container_16 {
	background:#3e3e3e;
	margin:0 auto;
    max-width:1024px;
    background:#1F1F1F url(../images/content-bg.png) no-repeat scroll center 144px;
}



/* BOX
----------------------------------------------- */
.box {/*___ PADDDING BOX GENERAL ___*/
	/*background:#ddd;*/
	margin-bottom:4px;
	padding:10px 10px 1px 10px; 
}
.box h2 {/*___ H2 DE LOS BOXES ___*/
	font-size:1.3em; 
	text-transform:uppercase;
	color:#fff;
	/*background:#333;*/
	margin:-10px -10px 0 -10px;
	padding:10px 12px 5px;
}

.block {
	padding-top:10px;
}
div.menu {/*___ MENU VERTICAL ___*/
	padding:0;
	background:none;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}

div.formulario,div.check{
margin: 10px 0 10px 10px;
color:black;
}
div.formulario label{
float:left;
width:120px;
line-height:23px;
color:black;
}

div.formulario input{
width:12px
width:120px;
color:black;
}


/* FIR
----------------------------------------------- */
.fir{
position:relative;
margin:0;
padding:0;
overflow:hidden/* */
}
.fir span{
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
cursor:pointer
}
/*_____*/
#branding, 
#branding span{
background:url(../images/logo.png) no-repeat;
width:114px;
height:103px;
}
#valid-xhtml, 
#valid-xhtml span{
background:url(../images/valid-xhtml.png) no-repeat;
width:138px;
height:24px;
padding-left:3px;
}
#valid-css, 
#valid-css span{
background:url(../images/valid-css.png) no-repeat;
width:82px;
height:25px;
padding-left:3px;
}
#cross-browser,
#cross-browser span{
background:url(../images/cross-browser.png) no-repeat;
width:128px;
height:49px;
text-indent:-9999px;
}



/* P, BLOCKQUOTES, UL, LI
----------------------------------------------- */
p {
	margin-bottom:1em;
	font-size:1.2em; /*___ P font-size ___*/
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:.9em;
	padding:0 0 0 1em;
	border-left:2px solid #4f4f4f;	
}

ul, ol {
	margin-bottom:0;
}


/* MENUS -------------------------------------- les quite todos lo border y backgrouns de los li ---
----------------------------------------------- */
ul.menu {
	list-style:none;
	/*border-top:1px solid #bbb;*/
}
ul.menu li {
	margin:0;
}
ul.menu li a {
    color:#FFF; /*___ COLOR DEL MENU ___*/
	display:block;
	padding:2px 0 0 6px; 
	/*border-bottom:1px solid #ccc;*/
}
ul.menu li a:hover {
    background:#f1f1f1;
    color:#333;
    cursor:pointer;
}
ul.menu li a:active {
    background:#fff;
}


/* SUBMENUS
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:15px;
}


/* MENUS VERTICALES SECTION
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
	font-size:1.3em; /*___ FONT-SIZE DEL MENU ___*/
}
ul.section li {
	text-transform:uppercase;
	/*background:#2e2e2f; ___ BG LI DEL MENU PPAL ___ */
}

ul.section li a {
	/* background:#bbb;*/
}
ul.section li a:hover {
	/*background:#FFF;*/
}
ul.section li a:active {
	color:#fff;
	/*background:#666;*/
}


/*___ CURSOR POINTER ___*/
ul.section li.menuitem a {
    cursor:pointer; 
 }
 
 
ul.section li li a {
    color:#BF0042;/*___ COLOR DEL SUBMENU ___*/
    font-size:1em; 
    font-weight:normal;
	/*background:#BBB;
	border-bottom:1px solid #eee;*/
}
ul.section li li a:hover {
    color:#000;
	/*background:#ccc;*/
	cursor:pointer;
}
ul.section li li a:active { /*___ PRESIONADO ___*/
	color:#000;
	/*background:#fff;*/
}

ul.section li li a.active_product{
color:white;
}


ul.section ul li {  
    text-transform:none;
}



/* ___ backgrounds y borders de los submenu current (activos) ___ 
ul.section ul.current li a {
	/*background:#EEE;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover { 
    background:#ddd;
}
ul.section ul.current li a:active {
    background:#fff;
}
*/

ul.section li a.current { /*___ color y background del current ___*/
	color:#BF0042;
	background:#FFF url(../images/menu-border-left) no-repeat -5px top;
	cursor:default;
	font-weight:bold;
}
ul.section li a.current:hover {
	/*background:#555;*/
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	cursor:default;
}


/* TABLES
----------------------------------------------- */

table {
	width:100%;
	border:1px solid #bbb;
	margin-bottom:10px;
}

tbody img {
 vertical-align:middle;
 padding: 0;
 margin: 0;
 border: 0;
}

col.colC {
	width:8em;
}
th, td {
	padding:.2em 1em;
	
}
thead th {
	/* border-bottom:2px solid #888;
	background:#bbb;*/
	padding:.5em 1em .3em; 
	background:url(../images/h2-bg.png) repeat-x 0 0; 
	
	padding-left:10px;
	color:#FFFFFF;
}
thead th.table-head {
	font-size:1em; /*___ FONT-SIZE TABLE HEADING ___*/
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}
tbody th,
tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
	
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}




/* FORMS VERTICAL
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	/*border:1px solid #bbb;*/
	padding:6px 0px;
	/*background:#e9e9e9;*/
	margin-bottom:10px;
	color:#00CCCC;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
}
input,
select {
    display:block;
    /*width:50%;*/
    margin-bottom:20px;
}

input.login-button,
input.register-button { /*___ CURSOR:POINTER PARA LOS BOTONES DE FORMS VERTICALES ___*/
    cursor:pointer;    
}

/* FORMS HORIZONTAL 
------------------------------------------------ */
fieldset.horiz {
	padding-right:0;
}
fieldset.horiz label {
	float:left;
	line-height:2em;
	margin-right:3%;
}
fieldset.horiz input {
	width:129px;
	background:#000;
	border:none;
	color:#FFFFFF;
    font-size:1.2em;
}
/*fieldset.horiz input.search-button { ___ SEARCH BUTTON SIN BACKGROUND ___
	width:auto;
    margin-top:23px;
}*/
fieldset.horiz input.search-button { /*___ SEARCH BUTTON CON BACKGROUND ___*/
    background:transparent url(../images/search-button.png) no-repeat scroll 0 0;
    border:medium none;
    cursor:pointer;
    height:31px;
    text-indent:-9999px;
    width:32px;
}
form .notice {
	font-weight:bold;
}

label.poll {
display:block;
margin-top:-10px;
}
label.poll input {
display:inline;
width:16px;
}

fieldset.poll_page	label.poll {
display:block;
margin-top:-10px;
color:black;
}

/* <SPAN> IMG-BUTTON PARA <A>
----------------------------------------------- */
.img-button {
	display:block;
	width:54px;
	height:26px;
	text-indent:-9999px;
}
.img-button a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/img-button.png) no-repeat top left;
	outline:none;
}
.img-button a:hover {
	background-position:0 -26px;
}


/* ARTICULOS
----------------------------------------------- */
#articles {
	padding-top:0;
}
.article {
    padding:.5em 0;
}
.box .article {
	padding:13px 15px 30px 10px;
}
.article h2 {
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	background:transparent;
	padding:5px 0 7px;
	margin:0;
	border:none;
}
.article h3{
	margin-bottom:1.1em;
	font-size:1.3em;
	color:#000066;
}

.article h3 A
{
	color:#000066;
}
/*.box .first {
    border-top:none;
}*/

.article h1 {
    font-size:1.6em;
    margin:0.5em 0;
}

.article h4 {
    font-size:1.2em;
    margin:0.5em 0;
}
.article h5 {
	font-size:1.1em;
    margin:1em 0 0.5em;
}

.article a.image {
	float:right; 
	margin:3px 0px 3px 10px; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}

.article a.image:hover {
	border:1px solid #666;
}
.article a.image img { /*___ TAMAÑO DE LA IMAGES DEL ARTÍCULO ___*/
	float:left; 
	height:130px;
    width:130px;
}
.article a.visit {
 	text-decoration:underline; 
	/* background:#F0F0F0; 
	border: 1px solid #CCCCCC; 
	padding: 7px; 
	margin-top: 7px;*/
	color: #BF0042;
}

.article p a {
 	text-decoration:underline; 
	color:#000099;
}

.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}

#facebookLike {
	padding: 5px;
	margin-bottom: 20px;
	text-align: right;
}

/*___ MENU INLINE DENTRO DEL ARTÍCULO ___*/
ul.menu-inline { 
margin:0;
}
ul.menu-inline li { 
    display:inline;
    width:100%;
    margin:0px 0px 13px 0px;
}


/* ROUNDER CORNER CONTENT
----------------------------------------------- */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h, .b1bh {height:1px; background:#7A001C; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#7A001C; border-right:2px solid #8b2835; border-left:2px solid #8b2835; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#7A001C; border-right:1px solid #8b2835; border-left:1px solid #8b2835; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#7A001C; border-right:1px solid #8b2835; border-left:1px solid #8b2835; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #FFF;} /*parte de abajo*/
.headh { background:url(../images/h2-bg.png) repeat-x 0 0; border-right:1px solid #aaa; /*border-left:1px solid #aaa;*/ padding-left:14px;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}

.contenth {background: #FFF; border-right:1px solid #aaa; /*border-left:1px solid #aaa;*/}
.contenth div {margin-left: 12px; padding-top: 5px;}

/*bottom part*/
.b1bh { background:#FFF; margin:0 5px;}
.b2bh { background:#FFF; border-right:2px solid #FFF; border-left:2px solid #FFF;}
.b3bh { background:#FFF; border-right:1px solid #FFF; border-left:1px solid #FFF;}
.b4bh { background:#FFF; border-right:1px solid #FFF; border-left:1px solid #FFF;}


/* ROUNDER BUTTON
----------------------------------------------- */
.btn {  
    position: relative; 
    background:#BF0042; /*___ COLOR DEL BUTTON es solido pero puedo añadirle una textura  url(../images/shade.png) repeat scroll 0 0___*/
    padding:4px 3px 2px 5px;     
    /*float: left; 
    /*display: block; ELIMINAR SI NO SE UTILIZA LA IMAGEN REDONDEADA EN LOS BUTTONS */
    width:92px;
    height:25px;
    font-size:1.1em;  /*___ TAMAÑO FUENTE DEL BUTTON ___*/    
    color: #FFF;      /*___ COLOR DEL FUENTE DEL BUTTON ___*/
    /*text-decoration: none; posiblemente este esté sobreescrito en el a del reset.css 
    ELIMINAR SI NO SE UTILIZA LA IMAGEN REDONDEADA EN LOS BUTTONS*/
    cursor: pointer;
    font-weight:normal;
}
.btn * { 
    font-style: normal; 
    background-image: url(../images/btn2.png); 
    background-repeat: no-repeat; 
    /*display: block;
    position: relative; ELIMINAR SI NO SE UTILIZA LA IMAGEN REDONDEADA EN LOS BUTTONS */  
}
/*.btn i { _______________________________ELIMINAR SI NO SE UTILIZA LA IMAGEN REDONDEADA EN LOS BUTTONS
    background-position: top 
    left; position: absolute; 
    margin-bottom: -5px; 
    top: 0; 
    left: 0; width: 5px; 
    height: 5px; 
}
.btn span { 
    background-position: 
    bottom left; 
    left: -5px; 
    padding: 0 0 5px 10px; 
    margin-bottom: -5px; 
}
.btn span i { 
    background-position: 
    bottom right; 
    margin-bottom: 0; 
    position: absolute; 
    left: 100%; 
    width: 10px; 
    height: 100%; 
    top: 0; 
}
.btn span span { 
    background-position: top right; 
    position: absolute; 
    right: -10px; 
    margin-left: 10px; 
    top: -5px; 
    height: 0; 
}
colors
* html .btn       { border: 3px double #aaa; }
* html .btn.blue  { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink  { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }
*/


/* SITE INFORMATION
----------------------------------------------- */
#site_info .box {
	color:#ccc;
	background:#666;
	margin-bottom:10px;
}
#site_info a {
	color:#fff;
}
#site_info a:hover {
	color:#000;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	/*font-size:1.1em; TAMAÑO FONT ACCORD. */
	font-weight: normal;
}
.element h4 {
	margin: 0;
	padding:4px;
	line-height:1.2em;
}
.element p {
	margin: 0;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}

#accordian-block {
	padding-bottom:10px;
}


/* Mootools Kwicks
----------------------------------------------- */
#kwick-box { 
	padding:0;
	overflow:hidden;
}
#kwick-box h2 { 
	margin:0;
}
#kwick {
	position: relative;
}
#kwick .kwicks {
	display: block;
	background: #999;
	height: 120px;
	list-style:none;
	margin:0;
	overflow:hidden;
}
#kwick li {
	float: left;
	margin:0;
	padding:0;
}
#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 100px;
	width: 215px;
	padding: 10px;
	background: #fff;
}
#kwick .kwick span {
	color:#fff;
}
#kwick .one {
	background: #666;
}
#kwick .two {
	background: #777;
}
#kwick .three {
	background: #888;
}
#kwick .four {
	background: #999;
}