@charset "utf-8";


BODY { 
    text-align:center; 
    background-image: url(../img/fons.jpg); background-repeat:repeat;
	margin-top:0px;
	margin-bottom:0px;
    padding-top: 0;

} 

#newswrapper input, #newswrapper select{
    border:1px solid black;
    width:163px;
}

#main {
	width:961px;
	height:494px;
	text-align:left;
	margin:0 auto;
	padding:15px;
	text-align:left;
	margin-top:27px;
    margin-bottom:0px;
	padding-top: 15px;

}


#columna1{
	width:300px;
	height:506px;
	float:left;
    position:relative;	
}

#logotipo{
	width:277px;
	height:60px;
	float:left;
	padding-left:10px;
}

/*
#menu{
width:277px;
height:300px;
float:left;
vertical-align:text-bottom;
text-align:left;
padding-top:175px;
padding-left:0px;
margin-left:-17px;
}
*/
#menu{
width:277px;
float:left;
bottom:0px;
margin-left:-18px;
margin-top:300px;
}

#menu ul{
font: 11pt Arial, Helvetica, sans-serif; 
text-transform:uppercase;
list-style:none;
line-height:16px;
vertical-align:text-bottom
text-align:left;
margin-top:6px;
margin-bottom:6px;
}

#menu ul a{
color:#000000;
text-decoration:none;
}

#menu ul a:hover{
color:#36376a;
text-decoration:underline;
background-color:#FFFFFF;
}

#sel{
font: 11pt Arial, Helvetica, sans-serif; 
color:#36376a;
text-decoration:underline;
background-color:#FFFFFF;
}

#submenu ul{
font: 09pt Arial, Helvetica, sans-serif; 
text-transform:uppercase;
margin-left:-39px;
margin-top:3px;
margin-bottom:3px;
}

#submenu2 ul{
font: 08pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
text-transform:lowercase;

}
.columna{
width:626px;
height:507px;
float:right;
}

.columna2{
background-color:#FFFFFF;
}

.columna3{
background-image:url(../img/bk_catalogo.jpg);background-repeat:non-repeat;
}

.columna5{
background-image:url(../img/tienda.jpg);background-repeat:non-repeat;
}

.columna6{
background-image:url(../img/palomas2.jpg);background-repeat:non-repeat;
}

.columna7{
background-image:url(../img/newsletter.jpg);background-repeat:non-repeat;
}

.columna8{
background-color:#FFFFFF
}

#columna4{
width:626px;
height:507px;
float:right;
text-align:left;
background-color:#FFFFFF;
}

.columnagrey{
width:626px;
height:507px;
float:right;
background-color:#82828C;
}

.columnapink{
width:626px;
height:507px;
float:right;
background-color:#918D84;
}

.columnapink2{
width:626px;
height:507px;
float:right;
background-color:#82828C;
}


.columnatrans{
width:626px;
height:507px;
float:right;
margin-left:0px
}

.columnablanc{
width:626px;
height:507px;
float:right;
margin-left:0px
background-color:#FFFFFF;
}



#empresabox2{
width:630px;
}

#empresabox3{
width:630px;
background-color:#FFFFFF;
}

#noticia{
width:270px;
height:468px;
float:left;
margin-left:0px; 
padding:20px;
margin-right:20px;
}

#noticiatitular{
float:left;
font: 18pt Arial, Helvetica, sans-serif; 
color:#36376a;
width:270px;
margin-top:16px;
margin-bottom:30px;
}

#noticiamas{
float:right;
font: 08pt Arial, Helvetica, sans-serif; 
color:#36376a;
width:120px;
margin-top:29px;
}


#noticiatext{
margin-left:-15px;
width:240px;
height:300px;
font: 09.5pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
line-height:17px;
color:#000000;
background-color:#FFFFFF;
text-align:left;
padding-left:20px;
padding-right:20px;
padding-top:0px;
float:left;
}


#noticiaimg{
float:left
}



#desplegable{
margin-top:8px;
width:150px;
}

#numeros{
width:120px;
margin-top:7px;
font: 09pt Arial, Helvetica, sans-serif; 
color:#36376a;
line-height:10px;
float:left;
}

#numeros a{
font: 09pt Arial, Helvetica, sans-serif; 
color:#36376a;
text-decoration:none;

}

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


#noticia_grande{
width:270px;
height:468px;
float:left;
background-color:#ffffff;
margin-left:0px; 
padding:20px;
margin-right:20px;
}

#noticia_grande_t{
margin-top:5px;
font: 18pt Arial, Helvetica, sans-serif; 
color:#36376a;
float:left;
width:270px;
}

#noticia_grande_t a{
font: 18pt Arial, Helvetica, sans-serif; 
color:#36376a;
text-decoration:none;
float:left;
}

#noticia_grande_t a:hover{
color:#36376a;
text-decoration:underline;
float:left;
}

#noticia_grande_c{
margin-top:10px;
font: 10pt Arial, Helvetica, sans-serif; 
line-height:16px;
color:#000;
float:left;
width:270px;
}


#noticia_mid{
width:270px;
height:254px;
float:left;
background-color:#ffffff;
margin-left:0px; 
padding:15px;
}

#noticia_mid_t{
margin-top:10px;
font: 14pt Arial, Helvetica, sans-serif; 
color:#36376a;
float:left;
line-height:10px;
}

#noticia_mid_t a{
font: 14pt Arial, Helvetica, sans-serif; 
color:#36376a;
text-decoration:none;
float:left;
}

#noticia_mid_t a:hover{
color:#36376a;
text-decoration:underline;
float:left;
}

#noticia_p{
width:270px;
height:72px;
float:left;
background-color:#ffffff;
margin-top:10px;
padding:15px;
overflow:hidden;
}

#noticia_p_i{
width:125px;
float:left;
}


#noticia_p_t{
width:120px;
margin-left:15px;
font: 11pt Arial, Helvetica, sans-serif; 
color:#36376a;
line-height:10px;
float:left;
}

#noticia_p_t a{
font: 11pt Arial, Helvetica, sans-serif; 
color:#36376a;
text-decoration:none;

}

#noticia_p_t a:hover{
color:#36376a;
text-decoration:underline;

}




#catalogo{
margin-top:265px;
margin-left:375px;
width:300px;
font: 08pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
color:#000000;
}

#tiendass{
position:relative;
margin-top:323px;
margin-left:20px;
width:548px;
height:125px;
font: 09.5pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
line-height:17px;
color:#000000;
background-color:#FFFFFF;
text-align:left;
padding:20px;

}

#newswrapper{
margin-top:75px;
width:420px;
padding-left:20px;
padding-right:20px;
font: 08.5pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
line-height:17px;
color:#000000;
}

#newsletterSUBMIT{
font: 08.5pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#000000;
text-align:right;
cursor:pointer;
}

#newsbox{
margin-top:75px;
width:420px;
height:215px;
font: 08.5pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
line-height:25px;
color:#000000;
border-top:1px solid;
border-bottom:1px solid;
padding-bottom:30px;
}

#newsbox1{
margin-top:20px;
width:175px;
font: 08.5pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
line-height:17px;
color:#000000;
float:left;
}

#newsbox2{
margin-top:20px;
width:175px;
font: 08.5pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
line-height:17px;
color:#000000;
float:left;
}

#tiendaswrapper{

margin-top:323px;
padding-left:20px;
padding-right:20px;

}

.scroll-pane{
height:125px;
font: 08.5pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
line-height:17px;
color:#000000;
background-color:#FFFFFF;
text-align:left;
padding:20px;
padding-right:0px;
overflow:auto;
}

.scroll-pane2{
height:225px;
font: 08.5pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
line-height:17px;
color:#000000;
background-color:#FFFFFF;
text-align:left;
padding:20px;
padding-right:0px;
overflow:auto;
}



#catalogo ul{
font: 08pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
color:#000000;
text-align:left;
list-style:none;
line-height:17px;
}

#catalogo ul a{
color:#000000;
text-decoration:none;
}

#catalogo ul a:hover{
color:#36376a;
text-decoration:underline;
background-color:#FFFFFF;
}

#foto{
	width:314px;
	height:507px;
	float:left;
}

#thumbs{
	width:300px;
	height:507px;
    height:440px;
    float:left;
    }

#shops{
width:245px;
height:507px;
float:right;
margin-left:0px;
font: 09pt Arial, Helvetica, sans-serif;
text-align:left;
padding-left:15px;
background-color:#FFFFFF;
}

#shoptienda, #shoptienda a{
font: 09pt Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
width:250px;
height:20px;
color:#000000;
text-decoration:none;
}

#shoptienda a:hover{
font: 09pt Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
background-color:#999999;
width:250px;
height:20px;
}

#menulooks{
	width:300px;
	height:20px;
    text-align:left;
	margin:0 auto;
	padding:5px;	
    margin-bottom:0px;
	padding-top: 15px;
    font: 09pt Arial, Helvetica, sans-serif;
    font-weight:bold;
    float:right;
}

#menulooks a{
color:#000000;
text-decoration:none;
}

#menulooks a:hover, #menulooks a.menulooksel{
color:#36376a;
text-decoration:underline;
background-color:#FFFFFF;
}

.tira{
	width:300px;
	height:110px;
	float:left;
}

.capsa{
	width:69px;
	float:left;
}


#foto2{
	width:485px;
	height:507px;
	float:left;
	overflow:hidden;
}

#tiendasresult{
width:313px;
height:507px;
float:left;
border:1px solid #000;
background-color:#FFFFFF;
font: 10pt Arial, Helvetica, sans-serif; 
text-align:left;
padding-left:20px;
line-height:20px;
}

#tiendasresult h1{
font: 16pt Arial, Helvetica, sans-serif;
height:35px;
}

#titol{
font: 16pt Arial, Helvetica, sans-serif; 
float:left;
width:125px;
padding-top:15px;
padding-left:25px;
padding-right:25px;
height:48px;	
}

#titol3{
font: 16pt Arial, Helvetica, sans-serif; 
float:left;
width:260px;
padding-top:15px;
height:68px;	
text-align:left;
}

#titol2{
font: 16pt Arial, Helvetica, sans-serif; 
float:left;
text-align:left;
width:145px;
padding-top:15px;
padding-left:25px;
padding-right:25px;
height:48px;	
color:#FFFFFF;
}

#titol4{
font: 16pt Arial, Helvetica, sans-serif; 
float:left;
text-align:left;
width:359px;
padding-top:15px;
padding-left:25px;
padding-right:25px;
height:48px;	
color:#000000;
}

#titol5{
color:#FF0038;
}

#tirados{
width:600px;
float:left;
margin:0px;
padding:0px;
}

#titoli{
font: 16pt Arial, Helvetica, sans-serif; 
float:left;
width:230px;
padding-top:12px;
padding-left:25px;
padding-right:25px;
height:48px;	
}

#foto3{
	width:627px;
	height:442px;
	float:left;
}


#tira2{
width:79px;
height:430px;
float:left;
margin-top:35px;
}

.capsa2{
width:79px;
height:110px;
}

#titolt{
font: 16pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
margin-bottom:15px;
}



#titoln{
font: 16pt Arial, Helvetica, sans-serif; 
color:#000000;
margin-bottom:15px;
}

#titolnmas{
font: 12pt Arial, Helvetica, sans-serif; 
color:#36376a;
margin-bottom:15px;
float:right;
}

#titolnmas a{
font: 12pt Arial, Helvetica, sans-serif; 
color:#36376a;
text-decoration:none;
}

#titolnmas a:hover{
text-decoration:underline;
}

#noticiamas a{
color:#36376a;
text-decoration:none;
}
#noticiamas a:hover{
text-decoration:underline;
}

#empresabox{
width:630px;
height:455px;
margin:25px;
color:#FFFFFF;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

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

#empresam{
width:160px;
float:left;
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;

}

#empresamenu{
border-top:1px dotted #ffffff;
border-bottom:1px dotted #ffffff;
height:85px;
width:160px;
}

#empresamenu ul{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
list-style:none;
line-height:25px;
text-align:left;
margin:0px;
padding:0px;
}

#empresamenu ul a{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
text-decoration:none;
}

#empresamenu ul a:hover{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
text-decoration:underline;
}

#selempresa{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
text-decoration:underline;
}

#empresat{
width:400px;
height:155px;
background-color:#82828C;
float:left;
color:#FFFFFF;
}

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

#empresat a:hover{
color:#666;
text-decoration:underline;
background-color:#FFFFFF;
}


#empresaf{
width:580px;
height:250px;
padding-top:10px;
}

#frant{
width:400px;
height:155px;
background-color:#918D84;
float:left;
color:#FFFFFF;
}


#frant2{
width:395px;
height:400px;
background-color:#82828C;
float:left;
color:#FFFFFF;
margin-top:16px;
margin-left:0px;
}




#ofertas{
width:580px;
height:210px;
background-color:#82828C;
float:left;
color:#FFFFFF;
margin-top:16px;
margin-left:0px;
}

.oferta1{
width:560px;
height:25px;
background-color:#A6A6B0;
border-bottom:1px dotted #ffffff;
color:#ffffff;
}

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

.oferta1 a:hover{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

.ofertaopen{
width:460px;
background-color:#CDCCD2;
border-bottom:1px dotted #ffffff;
color:#5E5E67;
padding-top:10px;
padding-left:85px;
padding-right:15px;
}


.ofertaopen a{
color:#5E5E67;
text-decoration:none;
}

.ofertaopen a:hover{
color:#5E5E67;
text-decoration:underline;
}


.oferta2{
width:560px;
height:25px;
background-color:#82828C;
color:#ffffff;
border-bottom:1px dotted #ffffff;
}

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

.oferta2 a:hover{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

.of01{
width:76px;
float:left;
height:20px;
padding-left:08px;
}

.of02{
width:200px;
float:left;
height:20px;
}

.of03{
width:169px;
float:left;
height:20px;
}

.of04{
width:80px;
float:left;
height:20px;
}




#carpetes{
width:400px;
height:120px;
margin-left:20px;
}

#carpeta{
width:125px;
height:100px;
float:left;
}

.imatges{
width:400px;
height:100px;
margin:0;
padding:0;
}

.imatge{
border:1px solid #ffffff;
padding:3px;
width:58px;
height:72px;
float:left;
margin-right:12px;
margin-bottom:12px;
}

div.imatge a img{
border:none;
}

.notaspress1{
width:400px;
height:25px;
background-color:#A6A6B0;
border-bottom:1px dotted #ffffff;
color:#ffffff;
}

#frant2 div.notaspress1 a{
color:#ffffff;
text-decoration:none;
}

#frant2  div.notaspress1 a:hover{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}


.notaspress2{
width:400px;
height:25px;
background-color:#82828C;
color:#ffffff;
border-bottom:1px dotted #ffffff;
}

#frant2  div.notaspress2 a{
color:#ffffff;
text-decoration:none;
}

#frant2  div.notaspress2 a:hover{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#notaspress_tit{
width:400px;
height:25px;
font-size:14px;
border-bottom:1px dotted #ffffff;
margin-bottom:10px;
}

#notaspress3{
width:400px;
height:25px;
background-color:#82828C;
color:#ffffff;
border-top:1px dotted #ffffff;
padding-top:10px;
margin-top:10px;
}

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


#notaspress3 a:hover{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}


#franmenu{
border-top:1px dotted #ffffff;
border-bottom:1px dotted #ffffff;
height:129px;
width:160px;
}

#franmenu ul{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
list-style:none;
line-height:25px;
text-align:left;
margin:0px;
padding:0px;
}

#franmenu ul a{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
text-decoration:none;
}

#franmenu ul a:hover{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
text-decoration:underline;
}

#franmenu2{
border-bottom:1px dotted #ffffff;
height:120px;
width:160px;
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
margin-top:5px;
}

#pressmenu{
border-top:1px dotted #ffffff;
border-bottom:1px dotted #ffffff;
height:60px;
width:160px;
}

#pressmenu ul{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
list-style:none;
line-height:25px;
text-align:left;
margin:0px;
padding:0px;
}

#pressmenu ul a{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
text-decoration:none;
}

#pressmenu ul a:hover{
font: 09pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
text-decoration:underline;
}

#descargas{
width:345px;
height:25px;
margin-top:14px;
border-bottom:1px dotted #ffffff;
float:left;
margin-left:30px;
font-weight:bold;
}

.d1{
width:100px;
float:left;
font: 08pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;

}

.d2{
width:200px;
float:left;
font: 08pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
}

.d3{
width:25px;
float:left;
font: 08pt Arial, Helvetica, sans-serif; 
color:#FFFFFF;
}

#listdescargasDIV{
    float:left;
    width:395px;
    height:400px;
    
    background-color:#918D84;
    margin:0px;
    padding:0px;
}

#listdescargasDIV div.scroll-pane{
    width:395px;
    height:400px;
    background-color:#918D84;
    margin:0px;
    padding:0px;
}

#listdescargasDIV div.scroll-pane2{
    width:395px;
    height:600px;
    background-color:#918D84;
    margin:0px;
    padding:0px;
}

.descargasfila{
width:345px;
border-bottom:1px dotted #ffffff;
float:left;
margin-left:30px;
margin-top:5px;
padding-bottom:7px;
}

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

.descargasfila a:hover{
background-color:#CCCCCC;
color:#666666;
}


#contact{
width:400px;
height:155px;
background-color:#918D84;
float:left;
color:#ffffff;
}


#contact1{
width:190px;
float:left;
}

#contact2{
width:190px;
float:left;
}

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

#contact a:hover{
color:#666;
text-decoration:underline;
background-color:#FFFFFF;
}

/* OGN :: Scrollable */

.scrollable{
    position:relative; 
    overflow:hidden;     
}

div.scrollable div.items {     
    position:absolute; 
     
    height:20000em;     
}

.disabled{
    display:none;
}
/* OGN :: Scrollable END*/


#menubot{
	width:961px;
	height:20px;
    text-align:right;
	margin:0 auto;
	padding:15px;	
    margin-bottom:0px;
	padding-top: 15px;
    font: 09pt Arial, Helvetica, sans-serif;     
font-weight:bold;
letter-spacing:1px;

}

#menubot a{
color:#000000;
text-decoration:none;
text-transform:uppercase;
background-color:#FFFFFF;
}

#menubot a:hover{
color:#36376a;
text-decoration:underline;
background-color:#FFFFFF;
}

#hometxt{
position:relative;
width:200px;
height:100px;
margin-top:300px;
margin-left:200px;
color:#36376a;
text-decoration:underline;
font: 12pt Arial, Helvetica, sans-serif;  
background-color:#00CCFF;
}




/***
* OGN - accordion menu
*/

#accordionmenu {
	FLOAT: left; 
	WIDTH: 277px; 
	BOTTOM: 0px;
	left:0px;
	position:absolute;

}

/* IE6 Hack*/
* html #accordionmenu{
    position:relative;
    margin-top:270px;
}

#accordionmenu div.menuitem a.menuitem-header {
	FONT: 11pt/16px Arial, Helvetica, sans-serif;
	TEXT-TRANSFORM: uppercase; 
	cursor:pointer;
    BACKGROUND-COLOR: #ffffff; 
    font-weight:bold;
    letter-spacing:1px;
    margin-top:6px;
    margin-bottom:6px;
    text-decoration:none;
    color: #000;
line-height:25px;

}

#accordionmenu div.menuitem div.menuitem-content{
    padding-left:10px;
}

#accordionmenu div.menuitem div.menuitem-content a{
	COLOR: #000000; 
	TEXT-DECORATION: none;
	
}
#accordionmenu div.menuitem div.menuitem-content a:hover{
	COLOR: #36376a; 
	TEXT-DECORATION: underline
}

#sel {
	FONT: 11pt Arial, Helvetica, sans-serif; 
	COLOR: #36376a; 
    margin-top:6px;
    margin-bottom:6px;
	TEXT-DECORATION: underline;
}

#accordionmenu div.menuitem div.menuitem-content ul {
	LIST-STYLE-TYPE: none;
	margin:0;
	padding:0;
	FONT: 9pt Arial, Helvetica, sans-serif; 
    margin-top:6px;
    margin-bottom:6px;
	TEXT-TRANSFORM: uppercase;
    background-image: url(../img/backmenu.png);
    font-weight:bold;
    letter-spacing:1px;

}
* html #accordionmenu div.menuitem div.menuitem-content ul {
    background-image: none;
    
}
#accordionmenu div.menuitem div.menuitem-content ul ul{
	LIST-STYLE-TYPE: none;
	FONT: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin-top:6px;
	margin-bottom:6px;
	
	TEXT-TRANSFORM: lowercase;
	 background-image: url(../img/backmenu.png);
	font-weight:bold;
	letter-spacing:1px;
line-height:18px;
}

* html #accordionmenu div.menuitem div.menuitem-content ul ul{
    background-image:none;
}

/***
*	OGN :: Scroll
*/

/*
#accordionmenu{
	position:absolute;
    width:277px;
    float:left;
    bottom:0px;
	text-align:left;
	left:23px;
}
*/

div.scrollable {  
	position:relative;
	overflow:hidden;	
	text-align:left;
}

div.scrollable div.items {	
	position:absolute;
	height:20000em;	

}

/***
* Nice Shops
*/
select.shopscombo{
	margin-top:5px;
    border: 1px solid black;
}
/***
* Newsletter
*/

.formerror{
    color:#36376a;
}

/***
*   Nice Clipping
*/
#clipcanvas{
    background-color:white;    
}
#clipwrapper{
    position:relative;
}
#clipswrapper,#clipwrapper{
	width:550px;
	height:440px;
    margin:30px;
    margin-left:40px;
    margin-bottom:5px;
    border-bottom:1px solid grey;
}

#clipswrapper a{
	position:relative;
	display:inline-block;
	margin-right:18px;
  margin-bottom:12px;
  text-decoration:none;
  
  padding:4px;
  background-color:white;
}

#clipswrapper a:hover{
  background-color:#444;
}

#clipswrapper a.last{
    margin-right:0;
}

#clipswrapper img{	
    width:160px;
    border:0;    
}



#clipswrapper a div{
  position:absolute;
  left:16px;
  top:162px;
  width:120px;
  height:20px;
  line-height:20px;
  padding: 0 5px;
  overflow:hidden;
  display:none;
  
  background-color:white;
  color:#444;
  
  font-size:0.8em;
  font-family:arial,verdana;
  text-align:center;
  text-decoration:none;
}

#clipcanvas p a, #clipcontent h1, #clipcontent h2, p#clipsignature, div#clipdownload, div#clipfooter a, p#cliptext{
    color:black;
    font-family:arial,sans serif;
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
}

#clipwrapper img{
    width:310px;
    height:425px;
    float:left;
}

#clipwrapper img#pagup,#clipwrapper img#pagdown{
  width:auto;
  height:auto;
  position:absolute;
  top:200px;
  z-index:1000;  
}
#clipwrapper img#pagup{
  left:300px;  
}
#clipwrapper img#pagdown{
	left:-10px;
  display:none;
}



div#clipfooter{
    clear:left;
    margin:0;
    margin-left:40px;
}

div#clipfooter div{
    float:right;
    margin-right:40px;
}

#clipcontent{
    margin-left:350px;
    min-height:445px;
}

#clipcontent h1{
    margin:0;
    padding-bottom:10px;
    border-bottom:1px solid grey;
}

#clipcontent h2{
    margin:0;
    margin-bottom:5px;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px dotted grey;
}

p#cliptext{
	padding-top:10px;
    font-size:0.8em;
    font-weight:normal;
    font-style:italic;
    line-height:25px;
}

div#clipgallery{
	  overflow:hidden;
    padding-top:10px;
    border-top:1px dotted grey;
    
}
div#clipgallery div.clippicture{
    float:left;
    width:15px;
    height:20px;
    margin-right:3px;
    margin-bottom:3px;
    border:1px solid #444;    
    cursor:pointer;
}
div#clipgallery div.clippicture div.featured{
    width:13px;
    height:18px;
    margin:1px;
    background-color:#AAA;
}
div#clipdownload{
	 margin-top:10px;
    border-top:1px solid grey;
    padding-top:5px;
    
    background-image:url(../img/ico_download.png);
    background-repeat:no-repeat;
    background-position:0 5px;
    padding-left:20px;
}
img#pagup, img#pagdown{
    cursor:pointer;
}