html {
height: 100%;
width: 100%;
margin: 0px;
}
body {
height: 100%;
width: 100%;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3e6784;
background-color: #004f8c;
text-decoration: none;
text-align: left;
border-image: none;
}
a:link,a:visited,a:active {
color: #3e6784;
text-decoration: none;
}
a:hover {
color: #3e6784;
text-decoration: none;
}
a img {border: 0 none;}
img {border: 0 none;}
#cont {
top: 0px;
left: 0px;
width: 100%;
height: auto;
background-image: url(../img/lineahoriz.png);
background-repeat: repeat-y;
background-position: center;
text-align: center;
position: absolute;
}
#contenedor {
height: auto;
width: 960px;
background-color: #ffffff;
margin: 0 auto;
}
#clearing{
clear:both; /*La propiedad clear especifica si un elemento permite elementos flotantes a sus lados. Un valor left mueve el elemento debajo de cualquier elemento flotante a su izquierda; right actúa en forma similar para elementos flotantes a la derecha. Otros valores son none, que es el valor inicial, y both, que mueve el elemento debajo de los elementos flotantes a ambos lados. Esta propiedad es similar en función a
de HTML 3.2, pero puede aplicarse a todos los elementos.*/
}
#header {
height: 164px;
width: 960px;
}
#contlogos {
height: 126px;
width: 960px;
background-image: url(../img/bgheader.png);
background-repeat: no-repeat;
background-position: center bottom;
}
h1 {
height: 79px;
width: 217px;
float: left;
margin-top: 22px;
margin-left: 32px;
}
#marcas{
float: right;
height: 42px;
width: 665px;
margin-top: 48px;
margin-right: 5px;
}
#botoneracont{
height: 37px;
width: 920px;
float:left;
margin-top: 1px;
position: relative;
z-index: 5000;
left: 50%;
margin-left: -460px;
}
#btneraizq{
background-image: url(../img/btneraizq.png);
background-repeat: no-repeat;
background-position: left bottom;
height: 37px;
width: 4px;
float: left;
}
#btneracentro {
background-image: url(../img/bgbotonera.png);
background-repeat: repeat-x;
background-position: bottom;
height: 37px;
width: 912px;
float: left;
color: #ffffff;
font-size: 12px;
font-weight: bold;
}
#btneracentro a{color: #ffffff;
}
#btnerader{
background-image: url(../img/btnerader.png);
background-repeat: no-repeat;
background-position: right bottom;
height: 37px;
width: 4px;
float: right;
}
#btscentrados{
height: 37px;
margin-left: auto;
margin-right: auto;
width: 890px;
float:inherit
}
#contcentral{
height: auto;
width: 960px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;
}
#contsliderindex {
float: left;
height: 375px;
width: 920px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
#trescuadros {
float: left;
height: 200px;
width: 920px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
text-align: left;
font-size:11px;
}
#trescuadros1 {
float: left;
height: 135px;
width: 273px;
margin-right: 20px;
background-image: url(../img/imgproduct.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 20px;
padding-top: 65px;
}
#trescuadros1 a:hover{
text-decoration:underline;
}
#trescuadros2 {
float: left;
height: 200px;
width: 294px;
margin-right: 20px;
background-image: url(../img/imgservtec.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#trescuadros2 a{background-image:url(../img/imgservtec.jpg);background-repeat:no-repeat;background-position:0px 0px;display:block;height:200px;width:294px;float:left;}
#trescuadros2 a:hover,#trescuadros2 a:focus,#trescuadros2 a:visited,#trescuadros2 a:focus,#trescuadros2 a:active{background-image:url(../img/imgservtec.jpg);background-repeat:no-repeat;background-position:-294px 0px;outline:none;}
#trescuadros2txt {
float: left;
height: 135px;
width: 274px;
margin-top: 65px;
margin-left: 20px;
}
#trescuadros3 {
float: left;
height: 200px;
width: 293px;
background-image: url(../img/imgcontac.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#trescuadros3 a{background-image:url(../img/imgcontac.jpg);background-repeat:no-repeat;background-position:0px 0px;display:block;height:200px;width:293px;float:left;}
#trescuadros3 a:hover,#trescuadros3 a:focus,#trescuadros3 a:visited,#trescuadros3 a:focus,#trescuadros3 a:active{background-image:url(../img/imgcontac.jpg);background-repeat:no-repeat;background-position:-293px 0px;outline:none;}
#trescuadros3txt {
float: left;
height: 135px;
width: 273px;
margin-top: 65px;
margin-left: 20px;
}
#doscuadros {
float: left;
height: 100px;
width: 920px;
margin-right: 20px;
margin-left: 20px;
text-align: left;
font-size:11px;
}
#doscuadros1 {
float: left;
height: 100px;
width: 450px;
background-image: url(../img/imgnovedempre.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#doscuadros1 a{background-image:url(../img/imgnovedempre.jpg);background-repeat:no-repeat;background-position:0px 0px;display:block;height:100px;width:450px;float:left;}
#doscuadros1 a:hover,#doscuadros1 a:focus,#doscuadros1 a:visited,#doscuadros1 a:focus,#doscuadros1 a:active{background-image:url(../img/imgnovedempre.jpg);background-repeat:no-repeat;background-position:0px -100px;outline:none;}
#doscuadros1txt {
float: left;
height: 55px;
width: 430px;
margin-top: 45px;
margin-left: 20px;
}
#doscuadros2 {
float: right;
height: 100px;
width: 450px;
margin-left: 20px;
background-image: url(../img/imgnovedempre.jpg);
background-repeat: no-repeat;
background-position: 0px -200px;
}
#doscuadros2 a{background-image:url(../img/imgnovedempre.jpg);background-repeat:no-repeat;background-position:0px -200px;display:block;height:100px;width:450px;float:left;}
#doscuadros2 a:hover,#doscuadros2 a:focus,#doscuadros2 a:visited,#doscuadros2 a:focus,#doscuadros2 a:active{background-image:url(../img/imgnovedempre.jpg);background-repeat:no-repeat;background-position:0px -300px;outline:none;}
#doscuadros2txt {
float: left;
height: 55px;
width: 430px;
margin-top: 45px;
margin-left: 20px;
}
#footer{
background-image: url(../img/bgfooter.png);
background-repeat: repeat-x;
background-position: top;
height: 179px;
width: 880px;
padding-top: 56px;
padding-right: 40px;
padding-left: 40px;
text-align: left;
line-height: 18px;
}
#footer a:hover {
text-decoration:underline;}
.footercol1{
height: 179px;
width: 278px;
float: left;
}
.lineafoot {
background-image: url(../img/linefoot.png);
background-repeat: no-repeat;
background-position: center top;
height: 166px;
width: 2px;
float: left;
}
.footercol2{
height: 179px;
width: 288px;
float: left;
padding-left: 30px;
}
.footercol2a{
height: 143px;
width: 120px;
float:left;
}
.footercol2b{
height: 143px;
width: 160px;
float:right;
}
#logofooter{
float:left;
height: 14px;
width: 258px;
text-align: center;
margin-right: 30px;
}
.footercol3{
height: 179px;
width: 250px;
float: left;
padding-left: 30px;
}
.footercol3a{
height: 42px;
width: 250px;
float: left;
}
.footercol3b{
height: 50px;
width: 250px;
float: left;
}
/*botonera index*/
#contenedor_menu {
height: 37px;
width: 912px;
}
/* Menu de navegación */
ul#nav {
margin: 0;
padding: 0;
list-style: none;
height: 37px;
clear: both;
font-size: 12px;
line-height: 37px;
font-family: Arial, Helvetica, sans-serif;
}
ul#nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 20px;
}
ul#nav li {
float: left;
display: block;
padding: 0;
}
ul#nav li a {
padding: 0 31px;
display: block;
text-decoration: none;
color: #ffffff;
}
ul#nav li a:hover {
color: #ffffff;
background-image: url(../img/bgbotonhover.png);
background-repeat: repeat-x;
background-position: center top;
}
ul#nav li span {
padding: 0 20px;
display: block;
text-decoration: none;
color: #ffffff;
}
ul#nav li ul {
position: absolute;
width: 100px;
left: -999em;
text-align: left;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
margin-left: 0%;
}
ul#nav li li {
margin: 0;
padding: 0;
float: left;
}
ul#nav li li a {
background-color: #004f8c;
width: 180px;
display: block;
color: #ffffff;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 20px;
}
ul#nav li li a:hover {
color: #004f8c;
background-color: #bbd8ec;
}
ul#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
/* FIN - botonera index */
/*INICIO SLIDER INDEX*/
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */
#container{
position:relative;
text-align:left;
width:920px;
margin-right: auto;
margin-left: auto;
height: 375px;
}
#content{
height: 375px;
width: auto;
}
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
background: #dddddd;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:920px;
height:375px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:31px;
height:59px;
position:absolute;
left:4px;
top:40%;
z-index:1000;
}
#nextBtn, #slider1next{
left:885px; /*posicion flecha derecha*/
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:31px;
height:59px;
background:url(../img/fizq.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../img/fder.png) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
.contendor_banners {
height: 375px;
width: 920px;
}
/*FIN SLIDER INDEX*/
#contcolizq {
float: left;
height: auto;
width: 647px;
}
#contcolder {
float: right;
height: auto;
width: 293px;
margin-right: 20px;
}
#contimpresoras{
float: left;
height: auto;
width: 607px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
.contesquinas {
float: left;
height: 33px;
width: 607px;
background-color: #f0f0f0;
}
.esquina01 {
background-image: url(../img/esquina01.gif);
float: left;
height: 33px;
width: 34px;
}
.esquina02 {
background-image: url(../img/esquina02.gif);
float: right;
height: 33px;
width: 34px;
}
.esquina03 {
background-image: url(../img/esquina03.gif);
float: left;
height: 33px;
width: 34px;
}
.esquina04 {
background-image: url(../img/esquina04.gif);
float: right;
height: 33px;
width: 34px;
}
.contesquinas2 {
float: left;
height: 33px;
width: 293px;
background-color: #f0f0f0;
}
.contesquinascentro {
float: left;
height: 33px;
width: 539px;
color: #ffffff;
}
.conttabsempresa {
float: left;
height: 33px;
width: 339px;
color: #ffffff;
margin-bottom: 20px;
}
.bglineasolap{
float: left;
height: 26px;
width: 2px;
background-image: url(../img/lineasolap.gif);
background-repeat: no-repeat;
background-position: center center;
margin-left: 8px;
margin-right: 8px;
}
#contimpreinfo{
float: left;
height: auto;
width: 539px;
background-color: #f0f0f0;
padding-left: 34px;
padding-right: 34px;
}
#conttxtseccion {
float: left;
height: auto;
width: 539px;
color: #363636;
line-height: 16px;
}
#conttxtseccion a:link, #conttxtseccion a:visited{
color: #363636;
}
#conttxtseccion a:hover{
color: #363636;
text-decoration:underline;
}
.conttxtseccion2 {
float: left;
height: auto;
width: 539px;
color: #363636;
line-height: 16px;
}
.conttxtseccion3 {
float: left;
height: auto;
width: 539px;
line-height: 16px;
}
#contmarcakba{
float: left;
height: auto;
width: 539px;
margin-bottom: 35px;
}
#contmarcakbafor2col{
float: left;
height: auto;
width: 539px;
color: #363636;
}
#contmarcakbafor2col1{
float: left;
height: auto;
width: 249px;
margin-top: 16px;
}
#contmarcakbafor2col2{
float: right;
height: auto;
width: 269px;
margin-top: 16px;
}
#contmarcapresstek{
float: left;
height: auto;
width: 539px;
margin-bottom: 35px;
}
#contmarcacpbourg{
float: left;
height: auto;
width: 539px;
margin-bottom: 35px;
}
#contmarcaguk{
float: left;
height: auto;
width: 539px;
margin-bottom: 35px;
}
#contmarcambo{
float: left;
height: auto;
width: 539px;
margin-bottom: 35px;
}
#contmarcascodix{
float: left;
height: auto;
width: 539px;
margin-bottom: 35px;
}
#conttxtseccioncolizqst {
float: left;
height: auto;
width: 300px;
background-image: url(../img/serviciotecnico/bgst.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#conttxtseccioncolizqst a:link, #conttxtseccioncolizqst a:visited{
color: #363636;
}
#conttxtseccioncolizqst a:hover{
color: #363636;
text-decoration: underline;
}
#conttxtseccioncolder {
float: right;
height: auto;
width: 217px;
}
.conttxtseccioncolizqemp {
float: left;
height: auto;
width: 180px;
}
.conttxtseccioncolderemp {
float: right;
height: auto;
width: 337px;
color: #363636;
}
.conttxtseccioncolderemp a:link, .conttxtseccioncolderemp a:visited{
color: #363636;
}
.conttxtseccioncolderemp a:hover{
color: #363636;
text-decoration: underline;
}
.conttxtseccioncoldermarca {
float: right;
height: auto;
width: 337px;
color: #363636;
padding-top: 42px;
}
.conttxtseccioncoldermarca a:link, .conttxtseccioncoldermarca a:visited{
color: #363636;
}
.conttxtseccioncoldermarca a:hover{
color: #363636;
text-decoration: underline;
}
.titulosec {
float: left;
height: auto;
width: 539px;
font-size: 22px;
line-height: 22px;
font-weight: bold;
margin-bottom: 34px;
color: #1a4c91;
}
.tituloproduc {
float: left;
height: auto;
width: 539px;
font-size: 22px;
line-height: 22px;
font-weight: bold;
margin-top: 17px;
margin-bottom: 34px;
color: #1a4c91;
}
#producto_descrip {
float: left;
height: auto;
width: 539px;
line-height: 16px;
}
#producto_descripcol1 {
float: left;
height: auto;
width: 310px;
color: #363636;
}
#producto_descripcol2 {
float: right;
height: auto;
width: auto;
}
#producto_datostec {
float: left;
height: auto;
width: 539px;
color: #363636;
line-height: 16px;
}
#producto_presstekdi {
float: left;
height: auto;
width: 539px;
color: #363636;
line-height: 16px;
}
#producto_cuerpoimp {
float: left;
height: auto;
width: 539px;
color: #363636;
line-height: 16px;
}
#producto_lacysec {
float: left;
height: auto;
width: 539px;
color: #363636;
line-height: 16px;
}
#producto_caract {
float: left;
height: auto;
width: 539px;
color: #363636;
line-height: 16px;
}
#producto_ventajas {
float: left;
height: auto;
width: 539px;
color: #363636;
line-height: 16px;
}
.contproducto a{
width: 519px;
height: auto;
padding: 10px;
background-color: transparent;
display: block;
float:left;
border:solid transparent 1px;
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.contproducto a:hover,.contproducto a:focus,.contproducto a:active{
width: 519px;
height: auto;
padding: 10px;
text-decoration: none;
background-color: #ffffff;
display: block;
border:solid #dcdcdc 1px;
background-image: none;
}
.contproducto_nolink{
width: 519px;
height: auto;
padding: 10px;
background-color: transparent;
display: block;
float:left;
border:solid transparent 1px;
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.continfoproducto {
height: auto;
width: 359px;
float: left;
font-size: 12px;
line-height: 16px;
color: #363636;
}
.contfotoproducto {
height: 100px;
width: 150px;
float: right;
}
.txtvermas {
font-size: 10px;
color: #1a4c91;
font-weight: bold;
}
#contcolderinfo{
height: auto;
width: 225px;
background-color: #f0f0f0;
float: left;
font-size: 11px;
color: #1a4c91;
line-height: 14px;
padding-left: 34px;
padding-right: 34px;
text-align: left;
}
#contcolderinfo a:link, #contcolderinfo a:visited{
color: #1a4c91;
}
#contcolderinfo a:hover{
color: #1a4c91;
text-decoration:underline;
}
#contcolderaddthis {
width: 225px;
padding-bottom: 30px;
float:left;
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#contcolderextra {
width: 225px;
float:left;
}
#contcolderinfo2{
height: auto;
width: 225px;
background-color: #f0f0f0;
float: left;
font-size: 12px;
color: #1a4c91;
line-height: 18px;
padding-left: 34px;
padding-right: 34px;
text-align: left;}
#contcolderinfocont {
width: 225px;
padding-bottom: 30px;
float:left;
margin-top: 20px;
}
#contcolderinfocont a:link,#contcolderinfocont a:visited{
color: #1a4c91;
}
#contcolderinfocont a:hover{
color: #1a4c91;
text-decoration:underline;
}
#contcoldervideo {
width: 225px;
padding-bottom: 30px;
float:left;
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
background-position: bottom;
margin-top: 20px;
}
#contcolderpdf {
width: 225px;
padding-bottom: 30px;
float:left;
margin-top: 20px;
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
background-position: bottom;}
#contcoldergaleria {
width: 225px;
padding-bottom: 30px;
float:left;
margin-top: 20px;
}
.txtboldgris {
font-weight: bold;
color: #363636;
}
.txtboldgris a:link,.txtboldgris a:hover{
font-weight: bold;
color: #363636;
}
/*ESTILOS SOLAPAS PRODUCTOS*/
li,ul {margin: 0; border: 0; padding: 0;}
.tabmenu {
padding: 0;
clear: both;
color: #ffffff;
}
.tabmenu li {
display: inline;
color: #ffffff;
}
.tabmenu li a {
float: left;
height: 19px;
width: auto;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
font-size: 11px;
color: #ffffff;
text-align: center;
display: block;
font-weight: bold;
background-color:#5f98c1;
background-image: url(../img/lineadivsolap.png);
background-repeat: no-repeat;
background-position: right center;
}
.tabmenu li.active a {
float: left;
height: 19px;
width: auto;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
font-size: 11px;
color: #ffffff;
text-align: center;
display: block;
background-image: url(../img/bgsolapa.gif);
background-repeat: repeat-x;
background-position: bottom;
font-weight: bold;
}
.tabmenu li a:hover,.btsolapa a:visited,.btsolapa a:focus{
float: left;
height: 19px;
width: auto;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
font-size: 11px;
color: #ffffff;
text-align: center;
display: block;
background-color: #5f98c1;
font-weight: bold;
background-image: url(../img/bgsolapahover.gif);
background-repeat: repeat-x;
}
.tabcontent {
float: left;
clear: both;
width: 539px;
color: #ffffff;}
/*FIN ESTILOS SOLAPAS PRODUCTOS*/
.txtproductdescripbold {
font-weight: bold;
}
.titsecbarrader {
font-size: 16px;
}
.txtgris1 {color: #363636;}
/*ESTILOS GALERÍA DE IMAGENES JQUERY*/
/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */
/* ----------------------------------
Default Theme
----------------------------------- */
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
div.pp_default .pp_top .pp_middle { background: url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
div.pp_default .pp_top .pp_right { background: url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } /* Content background */
div.pp_default .pp_next:hover { background: url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */
div.pp_default .pp_previous:hover { background: url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_default .pp_expand { background: url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
div.pp_default .pp_expand:hover { background: url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_default .pp_contract { background: url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
div.pp_default .pp_contract:hover { background: url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_default .pp_close { width: 30px; height: 30px; background: url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
div.pp_default #pp_full_res .pp_inline { color: #000; }
div.pp_default .pp_gallery ul li a { background: url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Arial, Helvetica, sans-serif; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle { background: url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right { background: url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */
div.pp_default .pp_loaderIcon { background: url(../img/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Light Rounded Theme
----------------------------------- */
div.light_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_next:hover { background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; }
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.light_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.dark_rounded .pp_content_container .pp_left { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
div.dark_rounded .pp_content_container .pp_right { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
div.dark_rounded .pp_content { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.dark_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
div.dark_square .pp_expand { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_square .pp_loaderIcon { background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Facebook style Theme
----------------------------------- */
div.facebook .pp_top .pp_left { background: url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.facebook .pp_top .pp_middle { background: url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
div.facebook .pp_top .pp_right { background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
div.facebook .pp_content_container .pp_right { background: url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
div.facebook .pp_content { background: #fff; } /* Content background */
div.facebook .pp_expand { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.facebook .pp_expand:hover { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.facebook .pp_contract { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.facebook .pp_contract:hover { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.facebook .pp_close { width: 22px; height: 22px; background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; }
div.facebook .pp_loaderIcon { background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
div.facebook .pp_arrow_previous { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.facebook .pp_previous:hover { background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.facebook .pp_bottom .pp_left { background: url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.facebook .pp_bottom .pp_middle { background: url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right { background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0;
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}
/*FIN ESTILOS GALERIA DE IMAGENES JQUERY*/
.titnuestrahistoria {
font-size: 18px;
color: #004f8c;
}
.txtright {
text-align: right;
}
#linea1 {
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
float: left;
height: 1px;
width: 539px;
}
#linea2 {
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
float: left;
height: 1px;
width: 337px;
}
.txtsize11 {
font-size: 11px;
line-height: 13px;}
.titmarca {
font-size: 18px;
line-height: 18px;
}
.txtitalic {
font-style: italic;
}
.superindice {
vertical-align:super;
}
#contcolderaddthis_2 {
width: 225px;
padding-bottom: 16px;
margin-bottom: 22px;
float:left;
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#formm {
width: 312px;
background-color: #ffffff;
clear: both;
}
#fmens {
padding: 10px;
}
/* -------------------------------------------
NOTIFICATIONS
-------------------------------------------- */
.notification {
cursor: pointer;
clear: both;
height: 40px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 65px;
font-size: 12px;
position: relative;
}
.notification p {
color: #FFF;
line-height: 110%;
}
.success {
background-image: url(../img/icon/ok.png);
background-position: 15px center;
background-repeat: no-repeat;
border: 2px solid #666;
background-color: #999;
}
.success2 {
background-position: 15px center;
background-repeat: no-repeat;
border: 2px solid #666;
background-color: #999;
font-size: 13px;
color: #FFF;
}
.message p {
font-size: 11px;
color: #999;
line-height: 20px;
}
.message h3 {
font-size: 20px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
margin-bottom: 10px;
margin-top: 10px;
}
.message h3 span {
font-size: 13px;
color: #999;
font-style: italic;
}
#tnt_pagination {
display:block;
text-align:center;
height:22px;
line-height:21px;
clear:both;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
#tnt_pagination a:link, #tnt_pagination a:visited{
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:10px;
text-decoration:none;
background-color:#F5F5F5;
color:#0072bc;
width:22px;
font-weight:bold;
}
#tnt_pagination a:hover {
background-color:#DDEEFF;
border:1px solid #BBDDFF;
color:#0072BC;
font-weight:bold;
}
#tnt_pagination .active_tnt_link {
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #BBDDFF;
margin-left:10px;
text-decoration:none;
background-color:#DDEEFF;
color:#0072BC;
cursor:default;
font-weight:bold;
}
#tnt_pagination .disabled_tnt_pagination {
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:10px;
text-decoration:none;
background-color:#F5F5F5;
color:#666666;
cursor:default;
font-weight:bold;
}
.contnota_nov {
float: left;
height: auto;
width: 539px;
color: #363636;
line-height: 16px;}
.fecha_nota {
font-size: 10px;
margin-bottom: 12px;}
.volantanota_novedades {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 6px;
}
.volantanota_usados {
font-size: 12px;
margin-bottom: 6px;
}
.volantanota_usados2 {
font-size: 12px;
margin-bottom: 6px;
color:#FF0000;
}
.titnota_novedades {
font-size: 26px;
line-height: 110%;
font-weight: bold;
margin-bottom: 10px;
}
.copetenota_novedades{
font-size:14px;
font-weight:bold;
line-height: 110%;}
.colizq_nota{
width: 244px;
float:left;
padding-right: 10px;
margin-top: 20px;
margin-right: 10px;}
.colder_nota{
width: 264px;
float:left;
margin-top: 20px;}
.colder_nota2{
width: 254px;
float:left;
margin-top: 20px;
padding-right: 10px;}
.img_nota {
float: left;
margin-bottom: 3px;}
.img_nota2 {
float:left;
margin-top: 20px;
margin-bottom: 3px;}
.epigrafe_img {
float:left;
width: 264px;
font-size:10px;
font-weight: bold;
margin-bottom: 20px;
line-height: 110%;}
.epigrafe_img2 {
float:left;
width: 539px;
font-size:10px;
font-weight: bold;
line-height: 110%;}
#contcolder_histoy_novedades {
width: 225px;
padding-bottom: 30px;
float:left;
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
background-position: bottom;
margin-top: 15px;
}
.history_fecha_nov {
font-size: 14px;
color:#333333;
margin-top: 20px;
font-weight: bold;
margin-bottom:12px;}
/*.history_nota_nov {
font-size: 12px;
color:#333333;
padding-top: 8px;
padding-bottom: 10px;}*/
.history_nota_nov a{
display: block;
font-size: 11px;
color:#333333;
padding: 7px;
margin-bottom: 0;
line-height: 120%;}
.history_nota_nov a:hover{
display: block;
font-size: 11px;
color:#ffffff;
background-color:#004f8c;
padding: 7px;
margin-bottom: 0;
line-height: 120%;}
.lineaseparadora_nov {
float: left;
width:539px;
height:1px;
background-image: url(../img/lineapuntos.gif);
background-repeat: repeat-x;
margin-top: 20px;
margin-bottom: 30px;
}