@charset "UTF-8";
/* CSS Document */

body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background:#99cc00;
margin:0;
padding:0;
}

#header_00 {
margin:0;
padding:0;
width:100%;
height:250px;
background:#99cc00 url(../images/bg_header.jpg) repeat-x;
}

#box_header {
width:920px;
margin-left:auto;
margin-right:auto;
height:250px;
}

.header {
font-size:10px;
color:#996600;
}

#box_content {
width:920px;
margin-left:auto;
margin-right:auto;
background:#99cc00;
height:500px;
}

#box_logo {
float:left;
margin:0;
width:210px;
height:250px;
background:#99cc00 url(../images/bg_header_logo.jpg) repeat-x;
}

#sidebar {
position:relative;
float:left;
width:210px;
padding:0;
margin:0;
height:600px;
z-index:500;
}

#box_main {
position:relative;
width:650px;
float:left;
padding:0 30px;
z-index:500;
}

#idioma {
width:100%;
float:right;
height:20px;
padding:0;
margin:0;
text-align:right;
color:#336600;
font-size:80%;
}

#idioma a {
color:#FFFFFF;
text-decoration:none;
}

#idioma span {
color:#FFFFFF;
}

#idioma a:hover {
color:#FFFFFF;
text-decoration:underline;
}

* HTML #box_main {
position:relative;
width:650px;
float:left;
padding:0 15px;
z-index:500;
}

#footer_00 {
position:relative;
width:100%;
margin:0;
padding:0;
height:193px;
background: url(../images/bg_footer.png) repeat-x;
z-index:1000;
}

* HTML #footer_00 {
position:relative;
width:100%;
margin:0;
padding:0;
height:193px;
background: url(../images/bg_footer.jpg) repeat-x;
z-index:1000;
}

#box_footer {
width:920px;
margin-left:auto;
margin-right:auto;
padding-top:80px;
height:90px;
color:#996600;
}

#box_footer p {
font-size:10px;
color:#996600;
padding:20px 10px;
}

#box_footer a {
text-decoration:none;
color:#996600;
}

#box_footer a:hover {
color:#ffffff;
}

img {
border:0;
}
/*Estilo menu sidebar*/

#menu {
float:left;
margin: 10px 0 0 10px;
}

ul#menu {  
	list-style:none;
	text-align: left; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
	margin: 0;
	padding:0;
	display:inline; /* Just some margin to align the blue border below the menu */
	}
ul#menu li {
	padding:4px 0;
	float:left;
	list-style:none;
	}
ul#menu li a {
	display:block;
	width:200px;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:left;
	}
ul#menu li a:hover {
	background-position:bottom;
	}
ul#menu li a span {
	display:none;
	}
ul#menu .current {
	background-position:bottom;
	}
#inici {
	background:url(../images/inici.png) center top no-repeat;
	}
#quisom {
	background:url(../images/qui_som.png) center top no-repeat;
	}
#on_trobar_nos {
	background:url(../images/on_trobarnos.png) center top no-repeat;
	}
#colleccions {
	background:url(../images/colleccions.png) center top no-repeat;
	}
#complements {
	background:url(../images/complements.png) center top no-repeat;
	}
#collaboracions {
	background:url(../images/collaboracions.png) center top no-repeat;
	}
#contactar {
	background:url(../images/contactar.png) center top no-repeat;
	}
	
#inicio {
	background:url(../images/inicio.png) center top no-repeat;
	}
#quien_somos {
	background:url(../images/quien_somos.png) center top no-repeat;
	}
#donde_encontrarnos {
	background:url(../images/donde_encontrarnos.png) center top no-repeat;
	}
#colecciones {
	background:url(../images/colecciones.png) center top no-repeat;
	}
#complementos {
	background:url(../images/complementos.png) center top no-repeat;
	}
#colaboraciones {
	background:url(../images/colaboraciones.png) center top no-repeat;
	}


/*Hackds ie6*/
* HTML #inici {
	background:url(../images/inici.jpg) center top no-repeat;
	}
* HTML #quisom {
	background:url(../images/qui_som.jpg) center top no-repeat;
	}
* HTML #on_trobar_nos {
	background:url(../images/on_trobarnos.jpg) center top no-repeat;
	}
* HTML #colleccions {
	background:url(../images/colleccions.jpg) center top no-repeat;
	}
* HTML #complements {
	background:url(../images/complements.jpg) center top no-repeat;
	}
* HTML #collaboracions {
	background:url(../images/collaboracions.jpg) center top no-repeat;
	}
* HTML #contactar {
	background:url(../images/contactar.jpg) center top no-repeat;
	}
	
/*Hackds ie6*/
* HTML #inicio {
	background:url(../images/inicio.jpg) center top no-repeat;
	}
* HTML #quien_somos {
	background:url(../images/quien_somos.jpg) center top no-repeat;
	}
* HTML #donde_estamos {
	background:url(../images/donde_estamos.jpg) center top no-repeat;
	}
* HTML #colecciones {
	background:url(../images/colecciones.jpg) center top no-repeat;
	}
* HTML #complementos {
	background:url(../images/complementos.jpg) center top no-repeat;
	}
* HTML #colaboraciones {
	background:url(../images/colaboraciones.jpg) center top no-repeat;
	}


/*Slider index*/

.slider-wrap								{ width: 535px; float:left; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0; }
.stripViewer								{ position: relative; overflow: hidden; width: 535px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 535px;}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{  }
.wrapper p {font-size:11px;}
.wrapper img { border:0;}

/*Rounde corner*/
.rounded {
padding:10px;
margin: 10px;
}



/*Tipografias*/

p {
line-height:16px;
color:#336600;
text-align:justify;
padding:0;
margin:0;
}

a {
text-decoration:none;
color:#ffffff;
}

a:hover {
text-decoration:underline;
color:#ffffff;
}

/*box_main*/

#box_main p {
line-height:18px;
padding-top:40px;
}

* html #box_main p {
line-height:18px;
padding-top:0;
}
.collecions {
padding-left:35px;
}
.frame{
width:200px;
height:242px;
float:left;
background:url(../images/frame.png) no-repeat center;
padding:30px 0 0 40px;
}

* HTML .frame{
width:200px;
height:242px;
float:left;
background:url(../images/frame.jpg) no-repeat center;
padding:30px 0 0 30px;
}


#logos {
float:left;
width:350px;
height:242px;
margin-top:50px;
}

#logos img {
border:0;
margin:0 15px;
}


/*Coleccions*/
#box_colleccions {
width:100%;
float:left;
height:50px;
margin-top:0;
margin-left: 0;
margin-right: 0;
margin-bottom:20px;
padding-bottom:10px;
}
ul#menu_colleccions {  
	list-style:none;
	text-align: left; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
	margin: 0; /* Just some margin to align the blue border below the menu */
	}
ul#menu_colleccions li {
	padding:0 3px;
	float:left;
	}
ul#menu_colleccions li a {
	display:block;
	width:90px;
	height:45px;
	text-decoration:none;
	}
ul#menu_colleccions li a:hover {
	background-position:bottom;
	}
ul#menu_colleccions .current {
	background-position:bottom;
	background-color:#99cc00;
	}
ul#menu_colleccions li a span {
	display:none;
	}
#bateig {
	background-image:url(../images/m_bateig.png);
	}
#bebe {
	background-image:url(../images/m_bebe.png);
	}
#comunio {
	background-image:url(../images/m_comunio.png);
	}
#ceremonia {
	background-image:url(../images/m_ceremonia.png);
	}
#moda {
	background-image:url(../images/m_moda.png);
	}
#uniformes {
	background-image:url(../images/m_uniformes.png);
	}
	
	#bautizo {
	background-image:url(../images/m_bautizo.png);
	}
	#comunion {
	background-image:url(../images/m_comunion.png);
	}
	#uniformes_es {
	background-image:url(../images/m_uniformes_es.png);
	}



	
*HTML #bateig {
	background-image:url(../images/m_bateig.jpg);
	}
*HTML #bebe {
	background-image:url(../images/m_bebe.jpg);
	}
*HTML #comunio {
	background-image:url(../images/m_comunio.jpg);
	}
*HTML #ceremonia {
	background-image:url(../images/m_ceremonia.jpg);
	}
*HTML #moda {
	background-image:url(../images/m_moda.jpg);
	}
*HTML #uniformes {
	background-image:url(../images/m_uniformes.png);
	}
	
#slider {
    width: 100%;
    margin: 0;
    position: relative;
}

.scroll {
    height: auto;
    width: 620px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 10px;
    height: auto;
    width: 610px;
	
}

/*sidebar*/

#sidebar p {
color:#336600;
line-height:normal;
padding-left:5px;
}

/*Imagenes slide colleccions*/

ul.ppt {
	position: relative;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
	background:none;
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
	background:none;
}

.ppt img {
background:none;

}

/*Logos colaboraciones*/

.colabora {
margin:0 25px;
}