/*
 CSS RESET
 */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


*{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
}
b, h1, h2, h3{
    font-weight:bold;
}

h1{
    font-size:19px;
}
h2{
    font-size:17px;
}
h3{
    font-size:15px;
}



/* 
 * CSS BEGIN
 */


/* estilos GENERALES */
#container{
    width:100%;	
    margin:0px;
}
.work_area{
    width:100%;    
}
.bg_1{
    background-color:#ff8820;
}
#top_area{
}
img#logo{
    
}
#sliderArea{
    margin:0 auto;
    width:100%;
    max-width: 1100px;
}

.slider *{
    max-height:360px !important;
}
.slider img{	
    height:100%;
    width:100%;
}

.mid_area{
}

.cuadro_index_header{
    padding: 3%;
}

.cuadro_index_header {
    text-align: center;
    background-color:rgb(255,136,32);
    background-color:rgba(255,136,32,.8);
    color:#FFF1E4;
}


.contentArea1, .contentArea2{
    width:90%;
    margin: 0 auto;
}

.orange{
    color:#ff8820;
    text-shadow: 2px 2px 2px #000;
}


#menu ul li img{
    width:15px;
    height:15px;
}


p.indexBottom{
    font-size:13px;
    color:#000;
    text-shadow: 1px 1px 2px #fff;
    padding:4px;
    line-height:17px;
}


/* FIN PARA MOVILES Y TABLETAS */



/* ULTIMOS DETALLES */
.serviceIndex{
	cursor:pointer;
}

.service_container{
	box-shadow: 0px 2px 5px #000;
    border-radius: 4px
}

p.serviceTitle{
	color:#f8f8f8;
}