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

html {
height:100%;
margin:0;
padding:0;
}

body {
font:Helvetica;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
background:#2f2f2f;
border:none;
margin:0;
padding:0;
color:#cccccc;
height:100%;
}

a {
border:none;
font:Helvetica;
font-family:Helvetica, Arial, sans-serif;
}

a:link {
color:#ff0068;
text-decoration:none;
}
a:visited {
color:#ff0068;
text-decoration:none;
}
a:hover {
color:#ff0068;
text-decoration:underline;
}
a img {
border: 0px;
}

img {
border:none;
}

p {
font:Helvetica;
font-family:Helvetica, Arial, sans-serif;
}

/* index
----------------------------------------------- */

#index {
height:115px;
width:185px;
margin:0 auto auto auto;
padding:120px 0 0 0;
}

#indexand {
width:185px;
margin:0 auto auto auto;
padding:50px 0 0 0;
}

#indexand img {
margin:0 0 5px 0;
}


/* botonera
----------------------------------------------- */

#and1 {
margin: 0 0 0 20px;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and1.jpg);
height:35px;
}
#and1 a:hover {
margin: 0 0 0 0;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and1hover.jpg);
height:207px;
}
#and2 {
margin: 0 0 0 5px;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and2hover.jpg);
height:179px;
}
#and2 a:hover {
margin: 0 0 0 0;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and2hover.jpg);
height:179px;
}
#and3 {
margin: 0 0 0 5px;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and3.jpg);
height:35px;
}
#and3 a:hover {
margin: 0 0 0 0;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and3hover.jpg);
height:161px;
}

/* botonera contacto
----------------------------------------------- */

#and1cont {
margin: 0 0 0 20px;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and1.jpg);
height:35px;
}
#and1cont a:hover {
margin: 0 0 0 0;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and1hover.jpg);
height:207px;
}
#and2cont {
margin: 0 0 0 5px;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and2.jpg);
height:35px;
}
#and2cont a:hover {
margin: 0 0 0 0;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and2hover.jpg);
height:179px;
}
#and3cont {
margin: 0 0 0 5px;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and3hover.jpg);
height:161px;
}
#and3cont a:hover {
margin: 0 0 0 0;
float:left;
background-image:url(http://www.unaigarmendia.com/blog/and3hover.jpg);
height:161px;
}

/* contenedor
----------------------------------------------- */

#contenedor {
width:602px;
height:auto;
margin: 0 auto auto auto;
padding: 30px 0 33px 0;
}

#sub-contenedor{
background:#3c3c3c; 
height:370px;
margin: 15px 0 auto 0;
padding:1px 10px 10px 10px;
}

/* header
----------------------------------------------- */

#header {
width:602px;
}

#header a {
color:#cccccc;
text-decoration:none;
}
#header a:hover {
color:#cccccc;
}

#header img {
margin-left: auto;
margin-right: auto;
}

/* footer
----------------------------------------------- */

#copyright {
background-color: #3c3c3c;
border-top:#363636 3px solid;
margin: auto auto 0 auto;
padding: auto 0 0 0;
height:30px;
min-width:100%;
bottom:0;
position:fixed;


}

#copyright p{
padding: 5px auto 0 auto;
margin:5px auto 0 auto;
text-align:center;
}

/* contacto
----------------------------------------------- */

#contacto{
background:#3c3c3c; 
height:185px;
margin: 15px 0 auto 0;
padding:29px 10px 10px 30px;
}

#contacto img{
margin: 0 0 5px 0;
}

#contenedor2 {
width:602px;
height:auto;
margin: 0 auto auto auto;
padding: 30px 0 0 0;
}

/* portafolio
----------------------------------------------- */

#portafolio{
background:#3c3c3c; 
height:305px;
margin: 15px 0 auto 0;
padding:29px 10px 10px 30px;
}

#portafolio img{
margin: 0 0 5px 0;
}

#portafolio-otros{
background:#3c3c3c; 
height:385px;
margin: 15px 0 auto 0;
padding:19px 10px 0px 20px;
}

#portafolio-otros img{
margin: 0 10px 5px 0;
}

/* thumnails
----------------------------------------------- */

#thumbnails {
margin:0;
height:360px;
}

#thumbnails img{
border: #3c3c3c 5px solid;
}

#thumbnails img:hover{
border: #ff006a 5px solid;
}

/* volver
----------------------------------------------- */

.volver {
margin:-5px 0 0 5px;
font-weight:bold;
font-size:10px;
}

.volver a{
margin:0;
padding:0;
color:#cccccc;
font-weight:bold;
font-size:10px;
}

.volver a:hover{
margin:0;
padding:0;
color:#ff006a;
font-weight:bold;
font-size:10px;
text-decoration:none;
}

.volver a img{
float:left;
margin:0 0 0 0;
padding:0;
border:none;
}

.volver a img:hover{
margin:0 0 0 0;
padding:0;
border:none;
}