@charset "utf-8";
/* ******************************************************************************
*
*	Themeforest Theme - Ogol Rouy - By AlexHughes
*
 *******************************************************************************/

html, body {height: 100%;}
html,body,div,p,ul,ol,li,h1,h2,h3,h4,h5,pre,form,p,button,img{
  margin: 0;
  padding: 0;
  border: 0;
}
body {
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #FFFFFF;
	line-height: 1.7em;
	font-size: 11px;
	text-align: center;
	background-color: #000000;
	background-image: url(../images/fondo_total.gif);
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center top;
}
p {margin-bottom: 15px;}
a {
	color: #FF9900;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
a:hover {text-decoration: none;}
ul,li {list-style-type: none;}
a span, button span, h2 span, h3 span {display: none;}


h1,h2,h3,h4,h5 {
	color: #FF9900;
	margin-bottom: 5px;
	font-weight: normal;
	line-height: normal;
}
h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 16px;}
h5 {font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid #CCC;}

/********************************************
*
*		Layout Features
*
********************************************/

#topindentbar {
	height: 5px;
	width: 100%; 
	background-color: #000000;	
	border-bottom: 1px solid #2B2929;
}
#container{width: 910px; margin: auto; text-align: left;} /* Centers the layout */
#header {
	height: 113px;
	width: 854px;
	float: left;
	margin-left: 28px;
	background-image: url(../images/logo_memoria.gif);
	background-repeat: no-repeat;
}
#indexbanner {
	height: 384px;
	width: 830px;
	float: left;
	padding: 12px;
	margin: 0 28px 0 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
#banner_bg {
	background: url(../images/index/img_loading_index_banner.jpg) no-repeat center #000; 
	width: 830px; 
	height: 282px;
}
#indexservices {
	height: 139px; 
	width: 854px; 
	float: left; 
	border-top: 1px solid #000000; 
	margin-left: 28px; 
	font-family: Tahoma, Verdana, Arial; line-height: 1.2em;
}
#indexservicescat {
	height: 30px;
	width: 854px;
	float: left;
	border-top: 1px solid #000000;
	margin-left: 28px;
	font-family: Tahoma, Verdana, Arial;
	line-height: 1.2em;
}
#indexservices a {color: #999999; text-decoration: none;} 
#indexservices a:hover {color: #CCCCCC;}
#contentarea {
	width: 814px;	
	float: left; 
	border-top: 1px solid #FFFFFF;	
	margin-left: 28px; 
	padding: 20px;
}
#contentareawithmenu {
	width: 814px;
	float: left;
	border-top: 1px solid #FFFFFF;
	margin-left: 28px;
	padding: 20px;
}
#footer {
	height: 31px; 
	width: 854px; 
	float: left; 
	border-top: 1px solid #000000; 
	margin-left: 28px; 
	padding-top: 7px; 
	text-align: center; 
	font-size: 10px;
}
#contentbreakspacer {
	width: 855px;
	float: left;
	border-top: 1px solid #FFFFFF;
	margin-left: 28px;
	height: 15px;
}
#contentheader {
	width: 804px;
	border-top: 1px solid #000000;
	margin-left: 28px;
	text-align: right;
	font-size: 22px;
	color: #FFFFFF;
	float: left;
	padding-top: 25px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#notice {
	background: url(../images/safari_icon.png) no-repeat 4% #000; 
	position: absolute; 
	right: 0px; 
	top: 10px; 
	padding: 12px 18px 12px 50px; 
	border-bottom: 1px solid #333333;
}
#submenuarrow {
	width: 120px; 
	height: 60px; 
	background: url(../images/arrow_down_submenu.png) no-repeat; 
	margin-top: -21px; 
	margin-left: 75px;
}

/********************************************
*
*		Holds the layout images and dimensions
*
*********************************************/

#layoutheader {height: 113px; width: 910px; float: left;}
#layoutindexbanner {
	height: 308px;
	width: 910px;
	float: left;
	margin-top: -1px;
	background-image: url(../images/black_layout_bg.gif);
	background-repeat: repeat-y;
}
#layoutindexservices {
	height: 159px;
	width: 910px;
	float: left;
}
.layoutcontentarea {width: 910px; float: left; background: url(../images/white_layout_bg.png) repeat-y;} /* Define as a class for multiple use */
#layoutfooter {height: 60px; width: 910px; float: left;	background: url(../images/footer_bg.png) top no-repeat;}
#layoutcontenthead {
	height: 73px;
	width: 910px;
	float: left;
}


/********************************************
*
*		Menu Items
*
*********************************************/

ul#menu {    /*  MAIN NAVIGATION  */
	width: 800px;
	height: 30px;
	float: right;
	margin-top: 5px;
	display: inline;
} 
ul#menu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	display: inline;
}
ul#menu li a {
	text-decoration: none;
	color: #FFFFFF;
	float: right;
	height: 24px;
	width: 102px;
	background-color: #5E7079;
	display: block;
	margin-left: 3px;
	text-align: center;
	padding-top: 5px;
	background: url(../images/nav_notselected_bg.png) repeat-x;
}
ul#menu li a:hover {background: url(../images/nav_over_bg.png) repeat-x;}
ul#menu li a.selected {
	color: #253D49; 
	height: 25px; 
	background: url(../images/nav_bg.jpg) repeat-x; 
	border: 1px solid #FFF; 
	border-bottom: 0px;
}
ul#submenu {margin: 5px 0 10px 15px;}
ul#submenu li {font-size: 11px; padding: 5px 5px 5px 10px; border-bottom: 1px solid #F1ECEC; list-style-type: none;}
ul#submenu li:hover {
	background-color: #000000;
}
ul#submenu li a {
	color: #FF9900;
	text-decoration: none;
}
ul#submenu_id {
	margin-top: 58px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 15px;
	text-align: right;
	padding-left: 495px;
	font-size: 0.9em;
	color: #666666;
}
ul#submenu_id li {
	font-size: 0.85em;
	list-style-type: none;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 24px;
	float: left;
	text-align: center;
}
ul#submenu_id li:hover {
	color: #CCCCCC;
}
ul#submenu_id li a {
	color: #999999;
	text-decoration: none;
}



/********************************************
*
*		Menu Items inferior portada
*
*********************************************/

ul#menu2 {    /*  MAIN NAVIGATION  */
	height: 30px;
	display: block;
	float: right;
} 

ul#menu2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	display: inline;
}
ul#menu2 li a {
	text-decoration: none;
	color: #FFFFFF;
	float: right;
	height: 24px;
	width: 102px;
	background-color: #5E7079;
	display: block;
	margin-left: 3px;
	text-align: center;
	padding-top: 5px;
	background: url(../images/nav_notselected_bg.png) repeat-x;
}
ul#menu2 li a:hover {background: url(../images/nav_over_bg.png) repeat-x;}
ul#menu2 li a.selected {
	color: #253D49; 
	height: 25px; 
	background: url(../images/nav_bg.jpg) repeat-x; 
	border: 1px solid #FFF; 
	border-bottom: 0px;
}

.efemeride {
	float: right;
	height: 30px;
	width: 519px;
	background-image: url(../images/nav_notselected_bg.png);
	background-repeat: repeat-x;
	padding-left: 20px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/********************************************
*
*		Layout Attributes
*
********************************************/

#indexservice1 {
	width: 236px;
	height: 80px;
	float: left;
	border-right: 1px solid #2C2B2B;
	margin-top: 10px;
	padding: 40px 20px 0px 28px;
	background-image: url(../images/index/libros_dvd.gif);
	background-repeat: no-repeat;
	background-position: 6% 12%;
}
#indexservice2 {
	width: 236px;
	height: 80px;
	float: left;
	border-right: 1px solid #2C2B2B;
	margin-top: 10px;
	padding: 40px 20px 0px 28px;
	background-image: url(../images/index/libros.gif);
	background-repeat: no-repeat;
	background-position: 6% 12%;
}
#indexservice3 {
	width: 236px;
	height: 80px;
	float: left;
	margin-top: 10px;
	padding: 40px 20px 0px 28px;
	background-image: url(../images/index/filmes.gif);
	background-repeat: no-repeat;
	background-position: 6% 12%;
}
#indexservice4 {
	width: 236px;
	height: 74px;
	float: left;
	border-right: 1px solid #2C2B2B;
	margin-top: 10px;
	padding: 40px 20px 0px 28px;
	background-image: url(../images/index/libros_electronicos.gif);
	background-repeat: no-repeat;
	background-position: 6% 12%;
}
#indexservice5 {
	width: 236px;
	height: 74px;
	float: left;
	border-right: 1px solid #2C2B2B;
	margin-top: 10px;
	padding: 40px 20px 0px 28px;
	background-image: url(../images/index/musicas.gif);
	background-repeat: no-repeat;
	background-position: 6% 12%;
}
#indexservice6 {
	width: 236px;
	height: 74px;
	float: left;
	margin-top: 10px;
	padding: 40px 20px 0px 28px;
	background-image: url(../images/index/docus_net.gif);
	background-repeat: no-repeat;
	background-position: 6% 12%;
}

#contentleft510 {
	width: 335px;
	float: left;
	margin-right: 15px;
	padding-left: 200px;
	background-image: url(../images/logo_blog.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentleft510 a {
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
#contentleft510 a:hover {text-decoration: none;}
#contentleft300 {
	width: 232px;
	float: left;
	padding-left: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	background-image: url(../images/promocion.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentleft257 {width: 257px; float: left; overflow: visible;}
#contentleft532 {width: 532px; float: left; margin-right: 20px;}
#contentleft800 {width: 800px; float: left; margin-right: 20px;}

.index_img_portfolio {padding: 3px; background-color: #FFF; border: 1px solid #CCC; margin-bottom: 5px;}

#indexbox {width: 152px; height: 58px; padding-left: 79px; float: left; margin-bottom: 10px;}
#indexbox .portfolio {background: url(../images/index/index_img_color_line.jpg) no-repeat;}

.content_images {padding: 5px; background-color: #FFFFFF; border: 1px solid #CCC; margin-bottom: 10px;}

ul#list {margin-bottom: 15px;}
ul#list li {padding-left: 25px; background: url(../images/content/tick_bullet.png) no-repeat left; margin-bottom: 5px; list-style-type: none;}

.image_right {float: right; margin-left: 10px; border: 1px solid #CCC; background: #FFFFFF; padding: 5px;}

#portfolio_collum1 {width: 264px; float: left;  margin-right: 10px;}
#portfolio_collum2 {width: 264px; float: left;  margin-right: 10px;}
#portfolio_collum3 {width: 264px; float: left;}


/* FORM EFFECTS */

input {
	padding: 4px;
	border: 1px solid #CCC;
	background: #eee9e9;
	margin-bottom: 4px;
}
input:focus {background: #f5f5f5;}
input.submit {
	background: url(../images/button_bg.jpg) repeat-x;
}
input.submit:hover {
	width: 215px;
	background: url(../images/button_bg_hover.jpg) repeat-x;
	cursor: pointer;
}
label {
	display: block;
	color: #FFFFFF;
	width: auto;
	width: 200px;
}
textarea {
	padding: 6px; 
	border: 1px solid #CCC; 
	width: 200px; 
	background: #eee9e9;
}
fieldset {
	border: 0px; 
	margin-left: 15px;
}
textarea:focus { 
	background: #f5f5f5;
}


/********************************************
*
*		Lightbox Styles below
*
********************************************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/portfolio/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/portfolio/overlay.png", sizingMethod="scale");
	}	

/********************************************
*
*		Tabla
*
********************************************/
table.table-style01 th {
	color:#FFFFFF;
	background-color: #666666;
	padding: 3px;
}
table.table-style01 th, table.table-style01 td {
	border:1px solid #EDEAE3;
}
table.table-style01 tr.bg td {
	padding: 3px;
	color: #FFFFFF;
}
.image_left {
	float: left;
	border: 1px solid #CCC;
	background: #FFFFFF;
	padding: 5px;
	margin-right: 10px;
}
.image_mosaico {
	border: 5px solid #FFFFFF;
	padding: 2px;
}
.tit_mosaico {
	width: 186px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.barrainf {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.prezo {
	font-weight: bold;
	color: #FF6600;
	margin: 0px;
}

.image_fichalibro {
	border: 5px solid #FFFFFF;
	float: none;
	margin-top: 23px;
	padding: 2px;
}
.cuadro_advertencia {
	background-color: #333333;
	border: 3px solid #666666;
	margin: 5px;
	padding: 5px;
}
.current_page {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D8001D;
	padding-bottom: 2px;
}