/* CSS RESET BY ERIC MEYER */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;} ol, ul {list-style: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {	text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;
}

/* CSS RESET */

a:link, a:active, a:visited {color: #555; font-weight: 700;} a:hover {text-decoration: none;}

body {margin: 0 0 0 50px; background: url(imagenes/fondo.jpg); color: #555; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif}

p.quote {font-size: 1.4em; margin: 25px 0 5px 0; line-height: 150%; background: url(imagenes/quote.gif) no-repeat 0 3px; float: left; width: 310px; padding: 0 0 0 25px;}

cite {font-size: 1.1em; padding: 0 0 0 25px;}

p {font-size: 1.3em; line-height: 140%; margin: 10px 0 0 0;}

small {font-size: 1em; color: #8D8D8D; margin: 0 0 15px 0;}

h1 {background: url(imagenes/h1Intro.png) no-repeat center center; display: block; width: 586px; height: 77px; text-indent: -5000px; clear: both;}

h2 {display: block; width: 150px; height: 35px; text-indent: -5000px; margin: 25px 0 0 0; background-repeat: no-repeat; background-position: center center}

h2.Acerca {background: url(imagenes/h2Acerca.png)}
h2.Contacto {background: url(imagenes/h2Contacto.png)}
h2.Servicios {background: url(imagenes/h2Servicios.png)}
h2.Trabajos {background: url(imagenes/h2Trabajos.png)}

h3 {font-size: 1.7em; font-weight: 700; margin: 10px 0 0 0;}

h4.pie {clear: both; font-size: 1em; padding: 15px 0 0 0; font-weight: 400;}

img#logo {float: left; margin: 0 10px 25px 0;}

ul#servicios  {margin: 10px 0 0 25px;}
	#servicios li {background: url(imagenes/bullet.gif) no-repeat center left; padding: 10px 0 10px 20px; font-size: 1.2em}

#columna-izq {width: 600px; float: left; margin: 0 30px 0 0;}

#contacto input{width: 300px; clear: both; display: block;}

#contacto textarea {display: block; width: 300px;}

#columna-der {width: 310px; float: left}

img.screenTrabajo {margin: 15px 0 0 0;}

p.infoTrabajo {background: #333; color: #fff; clear: both; margin: 0; padding: 10px; position: relative; top: -5px}

a:link.linkTrabajo, a:active.linkTrabajo, a:visited.linkTrabajo {color: #94A51E; font-weight: 400;}

.paginationstyle{
padding: 2px 0;
margin: 15px 0;
}

.paginationstyle select{
border: 1px solid #333;
margin: 0 15px;
}

.paginationstyle a{
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{
color: #fff;
background-color: #555;
}