@charset "UTF-8";

/* =============================================================================
 	Design / Compiled by Mónica Algarvio (http://www.monica-algarvio.com/)
    Copyright by Digital Sales (http://www.digitalsales.pt/)
    Janeiro 2013
   ========================================================================== */


/* PAGE STYLES */


/*
#pagination
{
    width: 100%;
    position: fixed;
    bottom: 5px;
    padding: 10px;
    margin-top:300px;
    text-align: center;
    color: white;
    font-size: 16px;
}
*/

#pagination
{
    padding: 10px;
    text-align: center;
    color: white;
    font-size: 16px;
}

#pagination a
{
    text-align: center;
    color: silver;
    font-size: 16px;
}

body {
    margin:0;
    padding:0;
    color:#2e2e2e;
    font-family:Helvetica, Geneva, sans-serif;
    font-size:12px;

}

/*Links*/
a { color: #000; text-decoration:none;}
a:visited { color: #000; }
a:hover { color: #000 }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers */
a:hover, a:active { outline: 0; }


p1{margin:10px 0px; color:#1da4cc; font-size:18px; font-family: 'Paprika', cursive; margin-top:10px;}
p{margin:10px 0px; font-size:14px;}


h4{font-size:10px; float:right;}



/* MENU1 ----------------------------------------------*/
.menu1{
    width:700px;
    height:35px;
    padding:10px 10px;
    background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_escuro.jpg) repeat-x;
    margin-left:20px;
    color:#FFF;
    position:absolute;
    font-size:20px;
    font-family: 'Paprika', cursive;
    text-align:center;
    z-index:100;

    }

.menu1 a { color:#FFF;}
.menu1 a:visited { color:#FFF;}
.menu1 a:hover { color:#FFF;}
.menu1 a:focus { color:#FFF;}

    ul{list-style-type:none;padding:0;margin:0px;}
    li{display:inline;}
    .sep{vertical-align:middle; margin:0px 10px;}

/* FIM MENU1 ----------------------------------------------*/

/* MENU2  ----------------------------------------------*/

.menu2{

    position: absolute;
    background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_escuro.jpg) repeat;
    width:87%;
    height:35px;
    top: 0;
    left:20px;
    right:20px;

    font-size:20px;
    font-family: 'Paprika', cursive;
    text-align:left;
    z-index:100;
    color:#FFF;
    padding:10px;


    }

.voltar{width: 150px;
position: absolute;
left: 67%;
top: 10px;
color: #fff;}
.voltar2{ width:150px; position:absolute; right:155px; top:10px; color:#fff;}
.menu2 a { color:#FFF;}
.menu2 a:visited { color:#FFF;}
.menu2 a:hover { color:#FFF;}
.menu2 a:focus { color:#FFF;}


.menu3 {
    position: absolute;
    background: url(http://www.ipet.pt/0/ipet/images/bg_cinza_escuro.jpg) repeat;
    width: auto;
    height: 35px;
    top: 0;
    left: 20px;
    right: 20px;
    font-size: 20px;
    font-family: 'Paprika', cursive;
    text-align: left;
    z-index: 1;
    color: #FFF;
    padding: 10px;
}


.voltar3{ width:150px; position:absolute; right:155px; top:10px; color:#fff;display: none;}
.menu3 a { color:#FFF;}
.menu3 a:visited { color:#FFF;}
.menu3 a:hover { color:#FFF;}
.menu3 a:focus { color:#FFF;}

.menu4
{

    position: absolute;
    background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_escuro.jpg) repeat;
    width:46%;
    height:35px;
    margin-top: 11px;
    right:1px;
    font-size:20px;
    font-family: 'Paprika', cursive;
    text-align:left;
    z-index:100;
    color:#FFF;
    padding:10px;


    }
/* SLIDER ----------------------------------------------*/

.slider
{
width:790px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat-x;
text-align:left;
margin-top:75px;
height: 200px;
}
.navArrow
{
    width:43px;
    height: 200px;
/*    background-color: #891937;*/
    display: block;
    float: left;
    z-index: 6;
    margin-left: -9px;

}
.navArrowright
{
    width:10px;
    height: 200px;
/*    background-color: #891937;*/
    display: block;
    float: left;
    z-index: 3;

}
.sliderItemsContainer
{
    width:718px;
    height: 216px;
    float: left;
    position: relative;
    z-index: 0;
/*    background-color: #845360;*/
    overflow: hidden;
    margin-top: -9px;
}
.tiraDeArticles
{
    width:4000px;
    position: absolute;
/*    background-color: #fff;*/
    left: 0;
}
.tiraDeArticles article
{
    width:700px;
    height: 220px;
    float: left;
    position: relative;
    z-index: 0;
    overflow: hidden;
/*    background-color: #fff;*/
}


/*    CONTENT LEFT  */

.content_left{
width:402px;
height:750px;
position:absolute;
left:20px;
}/*    FIM CONTENT LEFT  */

/*CONTENT TESTEMUNHO1*/
.contenttestemunho1
{
width:790px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat-x;
text-align:left;
margin-top:75px;
height: 200px;
}

.contenttestemunho2b{
width:430px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat-x;
text-align:left;
margin-top:75px;
height: 600px;
}
/*CONTENT TESTEMUNHO2*/
.contenttestemunho2{
width:790px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat-x;
text-align:left;
margin-top:10px;
height: 200px;
}

/*    CONTENT*/
.contentspecial{
width:698px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat-x;
text-align:left;
margin-top:75px;
}

.content{
width:380px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat-x;
text-align:left;
margin-top:75px;
}
.content a, a:visited, a:hover, a:focus{ color:#000;}

/*    FIM CONTENT      */

.canto {bottom:0px;right:0px; float:right; position:absolute;}
.canto3 {bottom:0px;right:317px; float:right; position:absolute;}
.canto4 {bottom:1px;right:-317px; float:right; position:absolute;}


/*    CONTENT 2 */
.content2{
width:380px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/t2/images/bg_cinza_claro.jpg) repeat-x;
margin-top:10px;
height:30px;
}
.content2special{
width:698px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/t2/images/bg_cinza_claro.jpg) repeat-x;
margin-top:10px;
height:30px;
}
.icon_fb{right:10px; position:absolute; margin-top:-10px; *margin-top:0px; }
.icon_fb2{top:0; right:0; position:absolute;}
.icon_fb3{right:-305px; position:absolute; margin-top:-10px; *margin-top:0px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.icon_fb2{top:0; right:0; position:absolute;}
}



/*    FIM CONTENT 2 FACEBOOK    */



/*    CONTENT LATERAL    */
.content_lateral{
width:200px;
min-height:100%;
z-index:50;
padding:10px 10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_escuro.jpg) repeat;
position:absolute;
top:-1px;
right:-1px;
overflow:hidden;


}
.divauxiliar
{
    width: 300px;
    height: 100px;
    background-color: #fff;
    margin-top: 300px;
}

.premios_lateral{
    float:right;
    margin-right:-30px;
}


/*    FIM CONTENT LATERAL     */


/*    CONTENT PREMIOS   */
.content_premios{
width:248px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat;
text-align:left;
margin-top:75px;
margin-left:20px;
float:left;
}/*    FIM CONTENT      */

/*    CONTENT LEFT P */

.content_left_p{
width:100%;
height:100%;
position:relative;
}/*    FIM CONTENT LEFT P */



/*    CONTENT MY IPET   */
.content_myipet{
width:398px;
height:227px;
z-index:200;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat;
margin-left:20px;
float:left;
left:20px;
margin-top:80px;
}


/*    FIM CONTENT  MY IPET    */

/*    CONTENT MY IPET   */
.content_myipet2{
width:398px;
height:180px;
z-index:200;
padding:0px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat;
margin-left:0px;
float:left;
left:0px;
}/*    FIM CONTENT  MY IPET    */

/*    CONTENT MY IPET FOTOS  */
.content_myipet_fotos{
    width:200px;
    max-height: 250px;
    z-index:200;
    padding:0px;
    background:#434343;
    text-align:center;
    margin-left:20px;
    margin-bottom:20px;
    margin-top: 0px;
    float:left;
    color:#fff;
    height: auto;
}

.img-container{
    height:200px;
    width: 200px;
}

.content_myipet_fotos img{
    max-width: 170px;
    max-height: 160px;
    height: auto;
    width: auto;
    margin: auto;
    padding-top:15px;
    padding-left:15px;
    padding-right:15px;
}

.content_myipet_fotos p{ padding:10px; margin:0px; font-size:12px;color:#fff;text-align: left;padding-bottom: 10px;}

.content_myipet_fotos .fb{ width:200px; height:20px; position:absolute; z-index:400; margin-left:0px; margin-top:185px;}

.content_left_myipet{
width:100%;
height:100%;
position:absolute;
margin-top:75px
}

.content_myipet_grande_foto{
width:700px;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat;
text-align:left;
margin: 70px auto;
}

.content_myipet_grande_foto .left{ left:-60px; z-index:2000; width:25px; height:38px; top:400px; position:relative; }
.content_myipet_grande_foto .right{ right:-710px; z-index:2000; width:25px; height:38px; top:400px; position:relative; }

.content_myipet_legenda{
    width:680px;
    background:#333;
    color:#FFF;
    padding:10px;
    margin-top:10px;
    }


#foto_legenda{
    width:680px !important;
    height:auto !important;
    overflow:hidden;
    }


.cruz{
    background:url(http://www.ipet.pt/0/ipet/images/images/cruz.png) no-repeat top right;
    width:29px;
    height:29px;
    position:relative;
    float:right;
    top:-25px;
    right:-25px;}

/*    FIM MY IPET FOTOS     */



/*    CONTENT MY GALLERY NOSSA GALERIA   */
.content_nossa_galeria{
width:230px;
height:186px;
padding:10px;
border:1px solid #d9d9d9;
background:url(http://www.ipet.pt/0/ipet/images/bg_cinza_claro.jpg) repeat;
text-align:left;
margin-bottom:0px;
}

.content_nossa_galeria p{  margin-top:135px;}



.element{ margin-bottom:0px;
*boder:0px;}

body#galeria {background-image: none;}
#gallery { margin: 0 auto; padding-top: 70px;}

/*    FIM CONTENT MY GALLERY NOSSA GALERIA      */




/*FORM DADOS*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

/*Chrome CSS here*/

.box2{
    color:#522817;
    height:25px;
    background:#FFF;
    border: 1px solid #4f4b48;
    margin:10px 10px 0px 0px;
    font-size:12px;}



.content2{ height:30px;}/*  CONTENT 2 FACEBOOK chrome   */
.icon_fb{float:right; position:relative;}/*  ICON FACEBOOK chrome   */

}

*.content2{ top:630px;}/*  CONTENT 2 FACEBOOK chrome   */

.box2{
    color:#522817;
    height:25px;
    margin:10px 10px 10px 20px;
    z-index:-1;
    border: 1px solid #4f4b48;
    font-size:12px;
    }

form.inputform chekbox{
/*
    vertical-align:text-bottom
*/
    }

input[type=checkbox]{
    height: 20px;
    width: 20px;
    vertical-align: bottom;
    margin-bottom: -5px;
    padding-bottom: 0;
    margin-top: 0;
}

form.inputform { position:relative;}
form.inputform input { padding-left:5px; margin-top: 2px;}
form.inputform,form.inputform input,form.inputform button {}

/* form.inputform label {
     	position:absolute;
        margin-top:2px;
        margin-left:5px;
        font-family:Helvetica, Arial, Verdana;
        color:#000;
        font-size: 14px;
        text-align: left;
        display: block;
        line-height: 40px;}*/

    form.inputform select {
        border: 1px solid #4f4b48;
        color:#522817;
        padding:0px;
        margin:10px 10px 0px 21px;
        font-size:12px;
        height:30px;
        vertical-align:middle;
        }

/*-----  ALINHA A LABEL HORIZONTALMENTE COM A CHECKBOX / RADIO -----*/
.inline-label {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    *margin: -30px 0 0 25px; /*IE7 HACK*/
    }

#data_nascimento { width: 150px; }


/* MEDIA QUERIES */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {

    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {

    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {

    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {

    }


/* FIREFOX */
*.content2{ top:630px;}/*  CONTENT 2 FACEBOOK chrome   */




.nome {
   margin-top: 90px;
}