@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500);
*{font-family: 'Roboto', sans-serif !important;border: 0;
margin: 0;
padding: 0;
outline: 0;}
body {
height: 100%;
min-height: 100%;
position: relative;
margin: 0px auto 0px auto;
}
a {text-decoration: none;}
p{line-height: 15px;
font-weight: 100;
color: #707070;
}
header {background: #f0f0f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMyUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNjN2M3YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f0f0f0 13%, #c7c7c7 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#f0f0f0), color-stop(99%,#c7c7c7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f0f0 13%,#c7c7c7 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f0f0 13%,#c7c7c7 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0 13%,#c7c7c7 99%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f0f0 13%,#c7c7c7 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-8 */
border-top:3px solid #007cc3; min-height: 78px; height: 78px;}

#logo { background: url(../images/dicsa-logo.png); width: 91px; height: 70px; margin:5px; float: left}
.dicsa-wrapper {width:960px; margin: 0 auto;}
ul.nav {float: left; margin-top:26px;}
ul.nav li{display: block; float: left;padding-right:0px; color: #707070; padding-left: 35px;}
ul.nav a {text-decoration: none; color:#707070}
ul.nav a:hover{ color: #007cc3;}
div.tel {background: #007cc3; color: #fff; float:right; width: 140px; height: 33px; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; padding-top: 5px}

span.tel-icon { background:url(../images/tel-icon.png) 0 3px no-repeat; width:18px; height: 18px;padding-left: 20px;}

.client-des { background: #0073b5 url(../images/bg-clientes.jpg);height: 150px}

.prod-banner { background: #0073b5 url(../images/bg-productos.jpg);height: 150px}
.who-banner { background: #0073b5 url(../images/bg-quienes.jpg);height: 150px}
.subtitle { border: 1px solid #4EBFFF; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height: 17px; width: 105px; color: #D5F0FF; font-size: 13px;padding-bottom: 4px; text-align: center; float: right;}

.box-des {width: 47.9%; padding-right:20px; float: right; padding-top: 5px; text-align:justify}

.clients-subtitle { background: #fff; color: #007cc3; -webkit-border-radius: 20px; height: 17px; width: 105px; font-size: 13px; padding-bottom: 4px; text-align: center; position: absolute; margin-top: -10px; top: 233px; }

.box-des p {font-size: 13px; display: inline-block; color: #fff;}
.box-des p.solution {margin-top: 34px}

.client-logo { width: 110px; height: 56px;margin-bottom: 6px}

#banner-slider { height: 80px; width:100%; margin-top: 7px;}

/*index*/

#body p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #707070; line-height: 180%; text-align:justify;}

.content-index {
    padding-top: 45px;
  margin-bottom:232px;	 
}

.dicsa-wrapper .col-left { width: 463px; float:left}
.dicsa-wrapper .col-right { width: 463px; float: right;}
.dicsa-wrapper .col-right p{ margin-bottom: 30px;}
.dicsa-wrapper .col-right img { margin-right: 20px;}

ul.more-icon li{ background: url(../images/more-icon.png) no-repeat 55px 0px; list-style: none; color: #007cc3; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
ul.more-icon {float:right;width: 73px;float: right;}

footer {border-top:1px solid #d3d3d3; background: #f0f0f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2M3YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f0f0f0 1%, #c7c7c7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f0f0f0), color-stop(100%,#c7c7c7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f0f0 1%,#c7c7c7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f0f0 1%,#c7c7c7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0 1%,#c7c7c7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f0f0 1%,#c7c7c7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-8 */ height: 31px;
}
footer ul.nav {float: left; margin:0 auto; padding-top: 5px;}
footer ul.nav li{display: block; float: left;padding-right:0px; color: #707070; padding-left: 22px;font-size: 13px;}
footer ul.nav a {text-decoration: none; color:#707070}
footer ul.nav a:hover{ color: #007cc3;}
#banner-slider img {padding-right:10px;}
ul.nav a.current { color: #B1B1B1;}
/*Productos*/
.prod-banner h1 {color:#fff; font-size: 49px; text-align:right; font-weight:100; text-transform:none}
.who-banner h1 {
color: #fff;
font-size: 49px;
text-align: right;
font-weight: 100;
text-transform: none;
}
.who-banner p {
font-size: 28px;
color: #fff;
text-align: right;
font-weight: 100;
}
.prod-banner p {font-size:28px; color:#fff; text-align:right; font-weight:100;}
.col-prod {-webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px; background: #efefef; width: 230px; height:357px; border: 1px solid #d1d1d1; float:left; margin-top: 15px; padding: 10px 7px;}

.col-prod .subtitle { background: #fff; color: #007cc3; float:left; padding: 0px 10px 1px 10px; width: auto;}
.subtitle-contact{  border: 1px solid #4EBFFF; -webkit-border-radius: 20px;
height: 17px; font-size: 13px; text-align: center; float: left;background: #fff;
color: #007cc3; margin-top: 30px;

padding: 0px 10px 1px 10px;
width: auto;}
.clearboth {clear:both}
.more-icon a li:hover { color: #2CA4E9}

.col-prod .more-icon {margin-bottom: 30px;}
.col-prod p {font-size:14px; background: url(../images/comillas.png) 0 0 no-repeat; margin-top: 30px; margin-left: 20px; padding-left: 30px;}

.col-prod-right {width: 685px; float:right; margin-top:26px;}
.col-prod-right .subtitle { background: #fff; color: #007cc3; float:left; padding: 0px 10px 1px 10px; width: auto;}
.col-prod-right p { line-height: 160%; font-size: 16px; margin-top:25px;}
p.sign {font-size: 14px;
background: none;
margin: 10px 10px 20px 0px; text-align:right;}

img.ribbon {float:right;}