W3C CSS Validator results for http://www.integranet.si/css/estilos.css (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.integranet.si%2Fcss%2Festilos.css&profile=css3&usermedium=all&warning=1&vextwarning=
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (47)

URI : http://www.integranet.si/css/estilos.css

30 Same colors for color and background-color in two contexts #ti-const and h2
55 Same colors for color and background-color in two contexts #ti-const and #rsinfo
69 Same colors for color and background-color in two contexts #const and #rsinfo a:hover
69 Same colors for color and background-color in two contexts #formulario and #rsinfo a:hover
69 Same colors for color and background-color in two contexts #info and #rsinfo a:hover
69 Same colors for color and background-color in two contexts #info-pweb and #rsinfo a:hover
69 Same colors for color and background-color in two contexts #noticiasface and #rsinfo a:hover
69 Same colors for color and background-color in two contexts #noticiastw and #rsinfo a:hover
69 Same colors for color and background-color in two contexts #popup-const and #rsinfo a:hover
69 Same colors for color and background-color in two contexts #test-info and #rsinfo a:hover
69 Same colors for color and background-color in two contexts body and #rsinfo a:hover
104 Same colors for color and background-color in two contexts #const and #atnClientes .telClientes
104 Same colors for color and background-color in two contexts #formulario and #atnClientes .telClientes
104 Same colors for color and background-color in two contexts #info and #atnClientes .telClientes
104 Same colors for color and background-color in two contexts #info-pweb and #atnClientes .telClientes
104 Same colors for color and background-color in two contexts #noticiasface and #atnClientes .telClientes
104 Same colors for color and background-color in two contexts #noticiastw and #atnClientes .telClientes
104 Same colors for color and background-color in two contexts #popup-const and #atnClientes .telClientes
104 Same colors for color and background-color in two contexts #test-info and #atnClientes .telClientes
104 Same colors for color and background-color in two contexts body and #atnClientes .telClientes
172 Same colors for color and background-color in two contexts #ti-const and .txth1
214 Same colors for color and background-color in two contexts #ti-const and .alianzas a
263 Same colors for color and background-color in two contexts #ti-const and .testimoniales .tempresa
267 Same colors for color and background-color in two contexts #ti-const and .testimoniales .firma
276 Same colors for color and background-color in two contexts #ti-const and .testimoniales a
314 Same colors for color and background-color in two contexts #ti-const and #info-pweb span.nombre-web
317 Same colors for color and background-color in two contexts #ti-const and #info-pweb span.prog-web
361 Same colors for color and background-color in two contexts #ti-const and .txth2
577 Same colors for color and background-color in two contexts #const and #ti-const h3
577 Same colors for color and background-color in two contexts #formulario and #ti-const h3
577 Same colors for color and background-color in two contexts #info and #ti-const h3
577 Same colors for color and background-color in two contexts #info-pweb and #ti-const h3
577 Same colors for color and background-color in two contexts #noticiasface and #ti-const h3
577 Same colors for color and background-color in two contexts #noticiastw and #ti-const h3
577 Same colors for color and background-color in two contexts #popup-const and #ti-const h3
577 Same colors for color and background-color in two contexts #test-info and #ti-const h3
577 Same colors for color and background-color in two contexts body and #ti-const h3
587 Same colors for color and background-color in two contexts #const and #ti-const a
587 Same colors for color and background-color in two contexts #formulario and #ti-const a
587 Same colors for color and background-color in two contexts #info and #ti-const a
587 Same colors for color and background-color in two contexts #info-pweb and #ti-const a
587 Same colors for color and background-color in two contexts #noticiasface and #ti-const a
587 Same colors for color and background-color in two contexts #noticiastw and #ti-const a
587 Same colors for color and background-color in two contexts #popup-const and #ti-const a
587 Same colors for color and background-color in two contexts #test-info and #ti-const a
587 Same colors for color and background-color in two contexts body and #ti-const a
617 Same colors for color and background-color in two contexts #ti-const and #const p a

↑ Top

Valid CSS information

@font-face {
font-family : "'lato'";
font-style : normal;
font-weight : 400;
src : local('lato Regular' ), local('lato-Regular' ), url('http://themes.googleusercontent.com/font?kit=9k-RPmcnxYEPm8CNFsH2gg') format('woff' );
}
body {
font-family : lato, arial;
background-color : #ffffff;
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 20px;
text-align : center;
}
h1 {
font-family : lato, arial;
font-size : 11px;
text-align : left;
font-weight : normal;
text-decoration : none;
padding-left : 30px;
}
h2 {
font-family : lato, arial;
font-size : 21px;
text-align : left;
font-weight : bold;
text-decoration : none;
color : #22a757;
padding : 0 0 0 30px;
}
#global {
width : 1000px;
margin : 10px auto;
}
#encabezado {
width : 100%;
height : 90px;
vertical-align : bottom;
background-image : url(../imagenes/banner.png);
background-repeat : repeat-x;
text-align : right;
margin-bottom : 15px;
}
#rsinfo {
width : 400px;
height : 20px;
vertical-align : middle;
padding : 20px 20px 0 0;
margin : 0 0 25px 580px;
font-family : lato, arial;
font-size : 15px;
font-weight : bold;
color : #22a757;
}
#rsinfo a {
font-family : lato, arial;
font-size : 15px;
font-weight : bold;
color : #333333;
text-decoration : none;
margin : 0;
}
#rsinfo a:hover {
font-family : lato, arial;
font-size : 15px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
}
#ft-btn {
float : left;
}
#ft-btn img {
margin-right : 6px;
margin-left : 6px;
}
#atnClientes {
float : right;
width : 232px;
margin-top : 1px;
margin-left : 5px;
position : relative;
top : -5px;
}
.regionContacto {
font-size : 11px;
width : 232px;
}
.regionContacto > span {
position : relative;
top : -3px;
}
.regionContacto > span:first-child {
color : #767676;
}
#atnClientes .telClientes {
font-family : lato, arial;
font-size : 13px;
font-weight : bold;
text-decoration : none;
display : inline-block;
color : #ffffff;
text-shadow : #666666 1px 1px 1px;
}
.regionContacto .frs {
margin : 2px 0 0 0;
}
#contenido {
margin-top : 0;
width : 100%;
height : 100%;
float : left;
}
#menulat {
width : 160px;
height : 100%;
float : left;
}
.btnservicio {
float : left;
padding : 30px 0 0 0;
}
#noticiasface {
width : 390px;
height : 270px;
float : left;
background-color : #ffffff;
text-align : left;
margin-left : 30px;
}
#noticiastw {
width : 390px;
float : right;
background-color : #ffffff;
text-align : left;
}
#info {
width : 800px;
float : left;
background-color : #ffffff;
text-align : left;
margin-left : 29px;
padding : 0 10px 0 0;
font-family : lato, arial;
font-size : 13px;
color : #6b6b6b;
line-height : 170%;
}
#info ul {
padding : 0 0 0 60px;
}
#info ul li {
padding : 0 350px 0 0;
}
#info p {
padding : 1px 350px 3px 20px;
text-align : justify;
background-image : url(../imagenes/enfasis.jpg);
background-position : left;
background-repeat : no-repeat;
margin-bottom : 40px;
}
#info h2 {
padding : 0 350px 0 30px;
}
.txth1 {
font-family : lato, arial;
font-size : 13px;
color : #22a757;
text-decoration : none;
font-weight : normal;
}
.argos {
background-image : url(../imagenes/caja-argos.jpg);
background-position : right top;
background-repeat : no-repeat;
}
.acr {
background-image : url(../imagenes/caja-acr.jpg);
background-position : right top;
background-repeat : no-repeat;
}
.fenix {
background-image : url(../imagenes/caja-fenix.jpg);
background-position : right top;
background-repeat : no-repeat;
}
.quiron {
background-image : url(../imagenes/caja-quiron.jpg);
background-position : right top;
background-repeat : no-repeat;
}
.integravox {
background-image : url(../imagenes/caja-integravox.jpg);
background-position : right top;
background-repeat : no-repeat;
}
.integranet {
background-image : url(../imagenes/integranet.jpg);
background-position : right top;
background-repeat : no-repeat;
}
.alianzas {
background-image : url(../imagenes/alianzas.jpg);
background-position : right top;
background-repeat : no-repeat;
}
.alianzas a {
font-family : lato, arial;
font-size : 11px;
color : #22a757;
margin-left : 10px;
text-decoration : none;
}
.alianzas a:hover {
color : #cccccc;
text-decoration : none;
}
.br-ti {
margin : 10px 0;
}
.br-ce {
margin : 15px 0;
}
.br-al {
margin : 25px 0;
}
.br-al2 {
margin : 7px 0;
}
#test-info {
width : 800px;
float : left;
background-color : #ffffff;
text-align : left;
margin-left : 29px;
padding : 0 10px 0 0;
font-family : lato, arial;
font-size : 13px;
color : #6b6b6b;
line-height : 170%;
}
#test-info ul {
padding : 0 0 0 60px;
}
#test-info p {
width : 430px;
padding : 1px 20px 3px 20px;
text-align : justify;
background-image : url(../imagenes/enfasis.jpg);
background-position : left;
background-repeat : no-repeat;
float : left;
}
.testimoniales .opinion {
font-style : italic;
}
.testimoniales .tempresa {
font-size : 15px;
color : #22a757;
}
.testimoniales .firma {
font-size : 15px;
color : #22a757;
width : 100%;
float : left;
margin : 0;
font-style : normal;
}
.testimoniales a {
font-family : lato, arial;
font-size : 11px;
color : #22a757;
margin-left : 10px;
text-decoration : none;
}
.testimoniales a:hover {
color : #cccccc;
text-decoration : none;
}
#test-info img {
float : right;
margin : 25px 0 25px 0;
padding-right : 60px;
}
#info-pweb {
width : 800px;
float : left;
background-color : #ffffff;
text-align : left;
margin-left : 37px;
padding : 0;
font-family : lato, arial;
font-size : 13px;
color : #666666;
line-height : 170%;
}
#info-pweb h2 {
margin-bottom : 0;
}
#info-pweb p {
width : 380px;
padding : 0 0 0 35px;
margin : 5px 0 0 0;
text-align : left;
float : left;
}
#info-pweb span.nombre-web {
font-weight : bold;
font-size : 14px;
color : #22a757;
}
#info-pweb span.prog-web {
color : #22a757;
float : left;
padding : 0 0 0 35px;
margin : 0 0 10px 0;
}
#info-pweb img {
width : 378px;
margin : 20px 0 5px 20px;
float : left;
border : 1px solid #cccccc;
}
#info-pweb ul.col {
display : inline;
float : left;
width : 100%;
list-style : none;
padding : 0;
margin : 0;
}
#info-pweb ul.col li {
padding : 0;
display : inline;
float : left;
width : 50%;
background-image : url(../imagenes/ft.png);
background-position : right bottom;
background-repeat : no-repeat;
}
#formulario {
width : 78%;
height : 100%;
float : left;
background-color : #ffffff;
margin-left : 59px;
font-family : lato, arial;
font-size : 13px;
color : #6b6b6b;
}
#formulario h2 {
padding : 0;
}
.txth2 {
font-family : lato, arial;
font-size : 13px;
color : #22a757;
text-decoration : none;
font-weight : bold;
text-align : left;
}
#ftxt {
width : 46%;
height : 100%;
margin : 0;
padding : 0;
text-align : right;
}
#formulario span {
text-align : left;
float : left;
}
.fcat {
width : 100%;
margin : 10px 0 10px 0;
float : left;
}
.cb {
width : 100%;
height : 100%;
float : left;
margin : 0 0 0 3px;
padding : 0;
text-align : left;
line-height : 25px;
}
.cb input {
margin : 0 3px 0 12px;
}
.cb #argos {
margin : 0 3px 0 0;
}
.cb #ce {
margin : 0 3px 0 0;
}
.cb #txtweb {
width : 100%;
margin : 0;
}
.cb #servidores {
margin : 0 3px 0 0;
}
#nombre {
margin : 0 0 10px 10px;
width : 70%;
}
#empresa {
margin : 0 0 10px 10px;
width : 70%;
}
#email {
margin : 0 0 0 10px;
width : 70%;
}
#telefono {
margin : 0 0 10px 10px;
width : 70%;
}
#asunto {
margin : 0 0 10px 0;
float : left;
}
#mensaje {
width : 350px;
margin : 0 0 15px 0;
float : left;
}
.contacto {
background-image : url(../imagenes/integranet.jpg);
background-position : right top;
background-repeat : no-repeat;
}
#cargando {
vertical-align : top;
text-align : left;
float : left;
padding : 10px 20px 10px 50px;
margin-left : 25px;
background-image : url(../imagenes/i.png);
background-position : left;
background-repeat : no-repeat;
}
#exito {
vertical-align : top;
text-align : left;
float : left;
padding : 10px 20px 10px 50px;
margin-left : 25px;
background-image : url(../imagenes/ok.png);
background-position : left;
background-repeat : no-repeat;
color : #39db00;
}
#error {
vertical-align : top;
text-align : left;
float : left;
padding : 10px 20px 10px 50px;
margin-left : 25px;
background-image : url(../imagenes/x.png);
background-position : left;
background-repeat : no-repeat;
color : #db0000;
}
#cap-enviar {
width : 100%;
margin : 0 0 20px 0;
float : left;
}
#captchaimg {
margin : 0;
float : left;
}
#captcha {
margin-top : 4px;
margin-left : 15px;
float : left;
}
#enviar {
font-family : lato, arial;
font-size : 12px;
color : #000000;
float : left;
margin-top : 4px;
margin-left : 30%;
}
#pie {
margin : 10px 0 20px 0;
width : 100%;
height : 120px;
background-image : url(../imagenes/fondo-pie.png);
background-repeat : no-repeat;
vertical-align : top;
text-align : center;
float : left;
padding : 0 0 0 50px;
}
#pie a {
text-decoration : none;
color : #333333;
}
#pie a:hover {
padding : 0 0 0 10px;
text-decoration : none;
font-weight : bold;
color : #333333;
}
#pie ul.col {
font-family : lato, arial;
font-size : 10px;
color : #333333;
display : inline;
float : left;
width : 100%;
list-style : none;
text-align : left;
padding : 0;
margin : 1px 0 0 0;
}
#pie ul.col li {
padding : 0;
display : inline;
float : left;
width : 16%;
text-align : left;
line-height : 16px;
}
#pie ul.col li ul li {
width : 100%;
margin : 0;
}
#margeninf {
width : 100%;
height : 100%;
float : left;
}
#margeninf p {
margin : 0 0 10px 15px;
float : right;
}
#margeninf img {
margin : 0;
border : 0;
}
#popup-const {
visibility : hidden;
width : 500px;
height : 164px;
position : absolute;
left : 50%;
top : 50%;
margin-left : -250px;
margin-top : -82px;
border : 1px solid #cccccc;
background : #ffffff;
z-index : 1000;
}
#ti-const {
width : 100%;
height : 20%;
float : left;
vertical-align : middle;
text-align : left;
background : #22a757;
}
#ti-const h3 {
font-family : lato, arial;
font-size : 21px;
font-weight : bold;
text-decoration : none;
padding : 0 0 0 30px;
color : #ffffff;
float : left;
}
#ti-const a {
font-family : lato, arial;
font-size : 11px;
font-weight : bold;
text-decoration : none;
text-align : right;
padding : 5px 10px 5px 0;
color : #ffffff;
float : right;
}
#ti-const a:hover {
color : #333333;
}
#const {
width : 100%;
height : 100%;
float : left;
background : #ffffff;
text-align : left;
background-image : url(../imagenes/fondo-const.jpg);
background-repeat : no-repeat;
background-position : right bottom;
padding : 30px 0;
}
#const p {
font-family : lato, arial;
font-size : 13px;
font-weight : normal;
text-decoration : none;
color : #6b6b6b;
line-height : 18px;
float : left;
vertical-align : middle;
padding-left : 15px;
}
#const p a {
text-decoration : none;
color : #22a757;
}
#const p a:hover {
text-decoration : underline;
color : #6b6b6b;
}
#const img {
padding : 10px 0 10px 50px;
float : left;
vertical-align : middle;
}

↑ Top